Condense character card content and add bottom filler space

RpgRoller/Components/Pages/HomeControls/CharacterPanel.razor

@@ -95,12 +95,9 @@
                         <span>Add skill</span>
                     </button>
                 </div>
-                @if (SelectedCharacterSkills.Count > 0)
-                {
-                    <p class="muted">Use skill chips to edit or roll directly.</p>
-                }
             </article>
         }
+        <div class="character-panel-fill" aria-hidden="true"></div>
     }
 </section>
 

RpgRoller/wwwroot/styles.css

@@ -132,7 +132,9 @@ h3 {
     border: 1px solid var(--card-border);
     border-radius: 0.8rem;
     padding: 0.7rem;
-    display: grid;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
     gap: 0.75rem;
 }
 
@@ -298,15 +300,22 @@ select:focus-visible {
     border: 1px dashed #a89066;
     border-radius: 0.65rem;
     padding: 0.55rem;
-    display: grid;
+    display: flex;
+    flex-direction: column;
     gap: 0.45rem;
 }
 
 .app-play .character-panel {
+    min-height: 0;
     overflow-y: auto;
     overscroll-behavior: contain;
 }
 
+.character-panel-fill {
+    flex: 1 1 auto;
+    min-height: 0.1rem;
+}
+
 .log-panel {
     min-height: 0;
 }