From 42920595ad6b975a47efd3f2eabbe8c951d28f31 Mon Sep 17 00:00:00 2001
From: Fontany--Legall Brandon <brandon0683@hotmail.fr>
Date: Fri, 17 May 2024 16:18:04 +0200
Subject: [PATCH] Display of Content Security Policy values getting out of
 screen

---
 webui/src/components/_commons/PanelMiddlewares.vue | 11 +++++------
 webui/src/css/sass/app.scss                        |  8 ++++++++
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/webui/src/components/_commons/PanelMiddlewares.vue b/webui/src/components/_commons/PanelMiddlewares.vue
index c1e03fcee..5ef836118 100644
--- a/webui/src/components/_commons/PanelMiddlewares.vue
+++ b/webui/src/components/_commons/PanelMiddlewares.vue
@@ -809,12 +809,11 @@
                 <div class="text-subtitle2">
                   Content Security Policy
                 </div>
-                <q-chip
-                  dense
-                  class="app-chip app-chip-green"
-                >
-                  {{ exData(middleware).contentSecurityPolicy }}
-                </q-chip>
+                <q-card class="app-chip app-chip-green app-card-as-chip">
+                  <q-card-section>
+                    {{ exData(middleware).contentSecurityPolicy }}
+                  </q-card-section>
+                </q-card>
               </div>
             </div>
           </q-card-section>
diff --git a/webui/src/css/sass/app.scss b/webui/src/css/sass/app.scss
index d73156655..7157a171f 100644
--- a/webui/src/css/sass/app.scss
+++ b/webui/src/css/sass/app.scss
@@ -121,6 +121,14 @@ body {
   border-radius: 8px;
 }
 
+.app-card-as-chip {
+  box-shadow: none;
+
+  .q-card__section {
+    padding: 5px !important;
+  }
+}
+
 // Chips
 .app-chip {
   border-radius: 8px;