Add height and width utilities for 14 spacing units; update logo size in header

Author: MrAlders0n

content/tailwind.css

@@ -316,6 +316,9 @@
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
+  .h-14 {
+    height: calc(var(--spacing) * 14);
+  }
   .max-h-48 {
     max-height: calc(var(--spacing) * 48);
   }
@@ -346,6 +349,9 @@
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
+  .w-14 {
+    width: calc(var(--spacing) * 14);
+  }
   .w-full {
     width: 100%;
   }

index.html

@@ -36,11 +36,11 @@
 
       <!-- App Title -->
       <header class="flex items-center justify-between gap-3 mb-3">
-        <h1 class="flex items-center gap-3 text-xl sm:text-2xl font-bold truncate min-w-0">
-          <img class="h-10 w-10 sm:h-12 sm:w-12 flex-shrink-0" src="content/wardrive.png" alt="MeshCore" />
+        <h1 class="flex items-center gap-3 text-lg sm:text-xl font-bold truncate min-w-0">
+          <img class="h-12 w-12 sm:h-14 sm:w-14 flex-shrink-0" src="content/wardrive.png" alt="MeshCore" />
           <span class="truncate">MeshMapper</span>
         </h1>
-        <span id="appVersion" class="text-xs bg-slate-800 px-2 py-1 rounded-md text-slate-400 flex-shrink-0">v1.0</span>
+        <span id="appVersion" class="text-xs bg-slate-800 border border-slate-700 px-2 py-1 rounded-full text-slate-400 flex-shrink-0">v1.0</span>
       </header>
 
       <!-- Connection Status Bar with Settings Panel -->