From 866607a949a0fbfb5c3b27eb998a4127c8f15479 Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Thu, 8 May 2025 15:14:32 +0200
Subject: [PATCH] Fix MessageRetentionDialog

---
 src/assets/css/main.scss                  |  8 ++++++++
 src/components/MessageRetentionDialog.vue | 11 ++++++-----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index 07173b7..e185a6a 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -173,4 +173,12 @@ body { position:absolute; top:0; bottom:0; right:0; left:0; }
 
 .v-card-title {
     display: flex;
+}
+
+.fluid-radio {
+    flex-direction: row-reverse;
+    margin-bottom: 0;
+    .v-label {
+        width: 100%;
+    }
 }
\ No newline at end of file
diff --git a/src/components/MessageRetentionDialog.vue b/src/components/MessageRetentionDialog.vue
index 6c38d1a..6cda020 100644
--- a/src/components/MessageRetentionDialog.vue
+++ b/src/components/MessageRetentionDialog.vue
@@ -4,16 +4,14 @@
     class="ma-0 pa-0" 
     :width="$vuetify.display.smAndUp ? '688px' : '95%'">
     <div class="dialog-content text-center">
-      <template>
-        <h2>{{ $t("room_info.message_retention") }}</h2>
-      </template>
+      <h2 class="dialog-title">{{ $t("room_info.message_retention") }}</h2>
       <v-container fluid>
         <v-row cols="12">
           <v-col cols="12">
             <v-form v-model="isValid">
               <v-radio-group v-model="retention" class="my-0 py-0">
-                <v-radio active-class="radio-active" class="flex-row-reverse mb-0" v-for="p in retentionPeriods"
-                  :key="p.text" :label="p.text" :value="p.value" />
+                <v-radio active-class="radio-active" class="fluid-radio" v-for="p in retentionPeriods"
+                  :key="p.text" :label="p.text" :value="p.value" color="primary" />
               </v-radio-group>
             </v-form>
           </v-col>
@@ -55,6 +53,9 @@ export default {
     this.setInitialValue();
   },
   methods: {
+    shouldShow() {
+      return this.modelValue ? true : false;
+    },
     onOpenDialog() {  
       // Showing, reset
       this.setInitialValue();