From 9d9b05d8a6e58eb32324007e57e331a177225907 Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Sat, 18 Feb 2023 10:09:19 -0900
Subject: [PATCH] fix: several layout issues (#305)

* fix login version issue

* allow wrapping on action menu
---
 frontend/pages/index.vue         | 4 ++--
 frontend/pages/label/[id].vue    | 2 +-
 frontend/pages/location/[id].vue | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 5bcc8c5..7c32931 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -109,7 +109,7 @@
 </script>
 
 <template>
-  <div>
+  <div class="flex flex-col min-h-screen">
     <div class="fill-primary min-w-full absolute top-0 z-[-1]">
       <div class="bg-primary flex-col flex min-h-[20vh]" />
       <svg
@@ -226,7 +226,7 @@
         </div>
       </div>
     </div>
-    <footer v-if="status" class="absolute text-center w-full bottom-0 pb-4">
+    <footer v-if="status" class="mt-auto text-center w-full bottom-0 pb-4">
       <p class="text-center text-sm">Version: {{ status.build.version }} ~ Build: {{ status.build.commit }}</p>
     </footer>
   </div>
diff --git a/frontend/pages/label/[id].vue b/frontend/pages/label/[id].vue
index fe344a2..49bae7c 100644
--- a/frontend/pages/label/[id].vue
+++ b/frontend/pages/label/[id].vue
@@ -134,7 +134,7 @@
       </template>
 
       <template #title-actions>
-        <div class="flex mt-2 gap-2">
+        <div class="flex flex-wrap mt-2 gap-2">
           <div class="form-control max-w-[160px]">
             <label class="label cursor-pointer">
               <input v-model="preferences.showDetails" type="checkbox" class="toggle toggle-primary" />
diff --git a/frontend/pages/location/[id].vue b/frontend/pages/location/[id].vue
index 5a1b389..7830688 100644
--- a/frontend/pages/location/[id].vue
+++ b/frontend/pages/location/[id].vue
@@ -156,7 +156,7 @@
         </template>
 
         <template #title-actions>
-          <div class="flex mt-2 gap-2">
+          <div class="flex flex-wrap mt-2 gap-2">
             <div class="form-control max-w-[160px]">
               <label class="label cursor-pointer">
                 <input v-model="preferences.showDetails" type="checkbox" class="toggle toggle-primary" />