fix: rebalance home server card layout

2026-05-21 17:42:32 +02:00
parent 2c614982b3
commit 152a4aa3ae
1 changed files with 28 additions and 1 deletions
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -9,6 +9,33 @@
    />
    <title>Comunidad Hispana - HLL Vietnam</title>
    <link rel="stylesheet" href="./assets/css/styles.css" />
+    <style>
+      .server-card__status-column {
+        min-width: min(190px, 44%);
+      }
+
+      .server-card__actions {
+        margin-top: clamp(32px, 5vw, 64px);
+      }
+
+      .server-card__quickfacts {
+        max-width: min(280px, 48%);
+      }
+
+      @media (max-width: 680px) {
+        .server-card__status-column {
+          min-width: 150px;
+        }
+
+        .server-card__actions {
+          margin-top: 18px;
+        }
+
+        .server-card__quickfacts {
+          max-width: none;
+        }
+      }
+    </style>
  </head>
  <body
    data-backend-base-url="http://127.0.0.1:8000"