adding Alpine to the quick start instances list

packages/frontend/src/index.css

@@ -401,12 +401,12 @@ pre,
     padding: 8px 0;
 }
 
-/* The 14px chrome size is too small once the icon is the only thing naming a
-   service. CSS overrides lucide's width/height attributes. */
+/* The icon-only rail gives service icons more visual weight because they
+   become the sole service identifier. CSS overrides lucide's dimensions. */
 [data-sidebar="collapsed"] .sidebar:not(:has(.nav:focus-within)) .nav-link .service-icon-glyph,
 [data-sidebar="collapsed"] .sidebar:not(:has(.nav:focus-within)) .nav-link svg {
-    width: 18px;
-    height: 18px;
+    width: 28px;
+    height: 28px;
 }
 
 /* With labels hidden the divider is the only grouping cue, so it uses the
@@ -2958,17 +2958,17 @@ pre,
 
 .ami-quick-start-grid {
     display: grid;
-    grid-template-columns: repeat(6, minmax(100px, 1fr));
-    gap: 10px;
+    grid-template-columns: repeat(7, minmax(80px, 1fr));
+    gap: 8px;
 }
 
 .ami-quick-start-tile {
     display: grid;
     grid-template-rows: 42px auto auto;
     justify-items: center;
-    gap: 5px;
+    gap: 3px;
     min-width: 0;
-    padding: 12px 8px 10px;
+    padding: 5px 4px;
     border: 1px solid var(--border);
     border-radius: 5px;
     color: var(--text-1);
@@ -3005,7 +3005,7 @@ pre,
 .ami-quick-start-tile span {
     overflow: hidden;
     max-width: 100%;
-    font-size: 12px;
+    font-size: 11px;
     font-weight: 600;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -3013,7 +3013,7 @@ pre,
 
 .ami-quick-start-tile small {
     color: var(--text-3);
-    font-size: 10px;
+    font-size: 9px;
 }
 
 .ami-browser-toggle {