🐞 fix: Adjust styling for Servers page

.gitignore

@@ -3,3 +3,4 @@ node_modules/
 .vscode/
 .DS_Store
 .env
+codex.txt

assets/css/components.css

@@ -127,3 +127,18 @@
 
 .table { width: 100%; border-collapse: collapse; }
 .table th, .table td { padding: 0.625rem; border-bottom: 0.0625rem solid var(--border); text-align: left; }
+
+.spec-grid {
+  display: flex;
+  gap: var(--gap);
+
+  div {
+    flex: 1;
+
+    h2 {
+      border-bottom: 0.0625rem solid var(--border);
+      margin-bottom: 0.75rem;
+      padding-bottom: 0.25rem;
+    }
+  }
+}

content/servers.md

@@ -8,7 +8,9 @@ nav: 1
 
 All hosts running Docker containers utilize Portainer for container management and Watchtower (nickfedor fork) for automated container updates.
 
-## Local Servers
+<div class="spec-grid">
+<div>
+<h2>Local Servers</h2>
 
 <details>
 <summary><h3>Banshee</h3></summary>
@@ -126,8 +128,10 @@ All hosts running Docker containers utilize Portainer for container management a
     - phpMyAdmin
 
 </details>
+</div>
 
-## Remote Servers
+<div>
+<h2>Remote Servers</h2>
 
 <details>
   <summary><h3>Cyclops</h3></summary>
@@ -252,3 +256,5 @@ All hosts running Docker containers utilize Portainer for container management a
     - Windows RDP for remote access
 
 </details>
+</div>
+</div>