From fb0b3375b5a0e8be41a2dfe4c1904fe575771f5a Mon Sep 17 00:00:00 2001
From: Akitake <akitake@pm.me>
Date: Tue, 20 May 2025 12:52:33 +0200
Subject: [PATCH] Adjust layout for mobile devices

---
 docs/style.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/docs/style.css b/docs/style.css
index 79ffc8ae..edd39570 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -15,6 +15,19 @@
     margin-bottom: 2em;
 }
 
+@media (orientation: portrait) {
+    .controller-flex {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+    
+    .controller-preview {
+        width: 100%;
+        object-fit: contain;
+        margin: 0 auto;
+    }
+}
+
 .controller-preview {
     height: 300px !important;
 }
\ No newline at end of file