From 5703f1bbedc3388c1e9916d7020fbf2d09c6646b Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Wed, 28 May 2025 19:00:10 +0200
Subject: [PATCH] Add responsive layout for spirit info section in index.html

---
 node/server/public/index.html | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/node/server/public/index.html b/node/server/public/index.html
index e54482a..3b49c70 100644
--- 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>