From f48d55f6814be3470b5857ec53c3f03e582ab006 Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Thu, 27 Feb 2025 18:09:49 +1300
Subject: [PATCH] make cli usable on mobile

---
 index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index fc6bdd3..363d3e4 100644
--- a/index.html
+++ b/index.html
@@ -114,8 +114,8 @@
         </div>
 
         <!-- contacts -->
-        <div class="flex space-x-2">
-            <div class="border bg-gray-50 rounded shadow w-full">
+        <div class="flex">
+            <div class="border bg-gray-50 rounded shadow w-full" :class="[ cliContact != null ? 'hidden md:block' : '' ]">
                 <div class="flex border-b p-2">
                     <div class="font-semibold my-auto mr-auto">Contacts</div>
                     <div class="my-auto">
@@ -147,7 +147,7 @@
                     </div>
                 </div>
             </div>
-            <div v-if="cliContact" class="w-full">
+            <div v-if="cliContact" class="w-full md:ml-2">
                 <div class="border bg-gray-50 rounded shadow">
                     <div class="flex border-b p-2">
                         <div class="font-semibold my-auto mr-auto">{{ cliContact.advName }}</div>