From 8248c4ad499cb7fb8ab6aeec6e3408558f843f87 Mon Sep 17 00:00:00 2001
From: Marco Crapts <mcrapts@gmail.com>
Date: Thu, 1 Jun 2023 22:02:54 +0200
Subject: [PATCH] fix table layout

---
 src/App.vue                           | 4 ++--
 src/components/ViewModes/ListView.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index ef8b004..c437639 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -91,10 +91,10 @@ const topBarHeightWithSafeArea = computed(() => `calc(${topBarHeight}px + var(--
       />
     </Transition>
     <main
-      class="transition[margin-left] z-10 mx-auto flex h-full w-full max-w-app flex-col overflow-y-auto border-x-[1px] bg-white duration-200 ease-out pb-[var(--safe-area-bottom)]"
+      class="transition[margin-left] z-10 mx-auto flex h-full w-full max-w-app flex-col overflow-y-auto border-x-[1px] bg-white pb-[var(--safe-area-bottom)] duration-200 ease-out"
       :class="sideBarCollapsed ? 'ml-0' : 'sm:ml-sidebar'"
     >
-      <div class="flex h-full px-10 py-6 max-sm:px-4 max-sm:py-3">
+      <div class="flex h-full w-full px-10 py-6 max-sm:px-4 max-sm:py-3">
         <template v-if="!loading">
           <Note
             v-if="activeViewMode.name === 'Note' && activeNote"
diff --git a/src/components/ViewModes/ListView.vue b/src/components/ViewModes/ListView.vue
index 3981360..7df594c 100644
--- a/src/components/ViewModes/ListView.vue
+++ b/src/components/ViewModes/ListView.vue
@@ -30,7 +30,7 @@ const deleteSelectedNotes = (closeModal: () => void) => {
 }
 </script>
 <template>
-  <div class="flex flex-col gap-2">
+  <div class="flex flex-col gap-2 w-full">
     <div class="flex items-center gap-2">
       <div class="flex items-center">
         <span class="whitespace-nowrap">