From 265889c63302e83565b397cd675f29821ab26a16 Mon Sep 17 00:00:00 2001
From: BurnLP2013 <burnlp2013@gmail.com>
Date: Thu, 11 Jul 2024 10:59:22 +0200
Subject: [PATCH] updated model view

---
 web/src/components/ListViewElement.vue | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/web/src/components/ListViewElement.vue b/web/src/components/ListViewElement.vue
index 95cc12c..b81bb2a 100644
--- a/web/src/components/ListViewElement.vue
+++ b/web/src/components/ListViewElement.vue
@@ -78,7 +78,28 @@
           </div>
         </v-expansion-panel-title>
         <v-expansion-panel-text>
-          Notes: {{ props.notes }}
+            <v-row
+              class="flex-nowrap bg-surface-variant"
+              no-gutters
+            >
+              <v-col
+                class="flex-grow-0 flex-shrink-0"
+                cols="7"
+              >
+                  Notes: {{ props.notes }}
+              </v-col>
+
+        
+              <v-col
+                class="flex-grow-0 flex-shrink-1"
+                cols="5"
+              >
+                  I'm 5 column wide and I shrink if there's not enough space
+              </v-col>
+            </v-row>
+
+          
+
         </v-expansion-panel-text>
       </v-expansion-panel>
     </v-expansion-panels>