From 4b7479bec43d5e7d12add6d0bd857aba60cdf314 Mon Sep 17 00:00:00 2001
From: Mika <mika.bomm@outlook.com>
Date: Thu, 11 Jul 2024 15:18:33 +0200
Subject: [PATCH] web: fix button display

---
 web/src/components/ListViewElement.vue | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/web/src/components/ListViewElement.vue b/web/src/components/ListViewElement.vue
index 7f610b8..2605ed6 100644
--- a/web/src/components/ListViewElement.vue
+++ b/web/src/components/ListViewElement.vue
@@ -63,19 +63,15 @@
         </v-expansion-panel-title>
         <v-expansion-panel-text>
           Notes:
-          <v-row class="flex-nowrap" no-gutters>
-            <v-col
-              class="flex-grow-1 flex-shrink-0 overflow-x-auto border-e-md"
+          <div class="flex-nowrap d-flex" no-gutters>
+            <div
+              class="flex-grow-1 overflow-x-auto border-e-md align-self-end"
               cols="10"
             >
               {{ props.notes }}
-            </v-col>
+            </div>
 
-            <v-col
-              class="flex-grow-0 flex-shrink-1 overflow-x-auto"
-              cols="2"
-              align="end"
-            >
+            <div class="" cols="2" align="end">
               <!--              -->
               <!-- EDIT SECTION -->
               <!--              -->
@@ -88,8 +84,8 @@
               <v-btn class="mr-3" flat size="small" color="red" variant="text">
                 <Trash />
               </v-btn>
-            </v-col>
-          </v-row>
+            </div>
+          </div>
         </v-expansion-panel-text>
       </v-expansion-panel>
     </v-expansion-panels>