a bit of UI

src/app.css

@@ -77,6 +77,7 @@
   background-color: transparent;
 }
 
-.pixelated {
+button,
-  image-rendering: pixelated;
+input {
+  @apply btn-sm;
 }

src/routes/control-panel/+page.svelte

@@ -77,19 +77,19 @@
 <main
   class="flex h-full min-h-0 flex-col overflow-hidden bg-base-100 p-2 text-base-content"
 >
-  <div class="tabs tabs-lift min-h-0 flex-1">
+  <div class="tabs tabs-lift tabs-sm min-h-0 flex-1">
     {#each tabs as tab}
       <input
         id={`${tab.id}-tab`}
         type="radio"
         name="control_panel_tabs"
-        class="tab"
+        class="tab text-xs"
         aria-label={`${tab.label}${panelStates[tab.id].dirty ? " *" : ""}`}
         value={tab.id}
         bind:group={activeTab}
       />
       <div
-        class="tab-content h-[calc(100%-1.75rem)] w-full overflow-hidden border border-base-300 bg-base-100 p-3"
+        class="tab-content h-[calc(100%-1.3rem)] w-full overflow-hidden border border-base-300 bg-base-100 p-3"
         role="tabpanel"
         aria-labelledby={`${tab.id}-tab`}
       >

src/routes/control-panel/add/friend/+page.svelte

@@ -44,13 +44,6 @@
   onsubmit={submit}
 >
   <div class="min-h-0 flex-1 space-y-2">
-    <div>
-      <h1 class="text-sm font-bold">Add a friend</h1>
-      <p class="text-xs text-base-content/65">
-        Enter the identity your friend shared with you.
-      </p>
-    </div>
-
     {#if error}<PanelMessage kind="error">{error}</PanelMessage>{/if}
 
     <fieldset class="fieldset border border-base-300 bg-base-100 p-3">

src/routes/control-panel/add/network/+page.svelte

@@ -60,13 +60,6 @@
   onsubmit={submit}
 >
   <div class="min-h-0 flex-1 space-y-2">
-    <div>
-      <h1 class="text-sm font-bold">Add a server</h1>
-      <p class="text-xs text-base-content/65">
-        Configure a remote server used to connect with friends.
-      </p>
-    </div>
-
     {#if error}<PanelMessage kind="error">{error}</PanelMessage>{/if}
 
     <fieldset class="fieldset border border-base-300 bg-base-100 p-3">
@@ -103,7 +96,6 @@
         inputmode="numeric"
         placeholder="Default"
       />
-      <p class="fieldset-label">Leave port blank to use the server default.</p>
     </fieldset>
   </div>