From d3f378ec43f7420c4b9f647e818423ae71e7562f Mon Sep 17 00:00:00 2001
From: DJ2LS <dj2ls@proton.me>
Date: Tue, 30 Apr 2024 21:23:13 +0200
Subject: [PATCH] hopefully temporarily fixed the message width problem

---
 freedata_gui/src/components/chat_messages_sent.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/freedata_gui/src/components/chat_messages_sent.vue b/freedata_gui/src/components/chat_messages_sent.vue
index b7add3fc..1d5b201e 100644
--- a/freedata_gui/src/components/chat_messages_sent.vue
+++ b/freedata_gui/src/components/chat_messages_sent.vue
@@ -46,8 +46,8 @@
           </div>
         </div>
 
-        <div class="card-body">
-          <p class="card-text">{{ message.body }}</p>
+        <div class="card-body w-100">
+          <p class="card-text w-100">{{ message.body }}</p>
         </div>
 
         <div class="card-footer p-0 bg-secondary border-top-0">
@@ -164,13 +164,12 @@ export default {
   computed: {
     messageWidthClass() {
       // Calculate a Bootstrap grid class based on message length
-      // Adjust the logic as needed to fit your requirements
       if (this.message.body.length <= 50) {
         return "col-4";
       } else if (this.message.body.length <= 100) {
-        return "col-6";
+        return "col-5";
       } else {
-        return "col-9";
+        return "col-5";
       }
     },