From aac191521fcf0d3c99ba67ca21745f3d7f0eb8f9 Mon Sep 17 00:00:00 2001
From: Daniel Svitan <selfsigned-ash@proton.me>
Date: Wed, 2 Jul 2025 10:34:13 +0200
Subject: [PATCH] :iphone: Fixes responsive index

---
 web/pages/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/pages/index.vue b/web/pages/index.vue
index 5baef0a..fc85b69 100644
--- a/web/pages/index.vue
+++ b/web/pages/index.vue
@@ -1,6 +1,6 @@
 <template>
     <main
-        class="flex items-center justify-center min-w-screen min-h-screen gap-4 flex-wrap"
+        class="flex items-center justify-center min-w-screen min-h-screen gap-4 flex-wrap flex-col md:flex-row"
     >
         <div class="flex items-center justify-center flex-col gap-y-2 w-32">
             <div
@@ -17,7 +17,7 @@
             </div>
 
             <p
-                :class="`flex items-center justify-center text-${opened ? (locked ? 'error' : 'secondary') : 'primary'} text-xl w-full h-10`"
+                :class="`flex items-center justify-center text-${opened ? (locked ? 'error' : 'secondary') : 'primary'} text-xl w-full h-10 border-${opened ? (locked ? 'error' : 'secondary') : 'primary'} border-solid border-2 rounded-md`"
             >
                 {{ opened ? "Opened" : "Closed" }}
             </p>