Add responsive layout for spirit info section in index.html

2025-05-28 19:00:10 +02:00
parent 7b74345d1c
commit 5703f1bbed
1 changed files with 13 additions and 0 deletions
--- a/node/server/public/index.html
+++ b/node/server/public/index.html
@@ -115,6 +115,19 @@
        width: 100%;
        max-width: 100%;
      }
+      #spirit-info .spirit-info-flex {
+        display: flex;
+        flex-direction: column;
+        gap: 16px;
+      }
+
+      @media (min-width: 900px) and (min-aspect-ratio: 5/4) {
+        #spirit-info .spirit-info-flex {
+          flex-direction: row;
+          align-items: flex-start;
+          gap: 32px;
+        }
+      }
    }
 }
  </style>