From 2e5532aaa84128ebc3ca2f787b490fc778d0049a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simon=20Pocrnji=C4=8D?= <simon.pocrnjic@lume-solutions.si>
Date: Sun, 21 Jun 2026 20:04:10 +0200
Subject: [PATCH] Object changed flex from row to col

---
 resources/js/Pages/Phone/Case/Index.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/resources/js/Pages/Phone/Case/Index.vue b/resources/js/Pages/Phone/Case/Index.vue
index d3471fd..d513a12 100644
--- a/resources/js/Pages/Phone/Case/Index.vue
+++ b/resources/js/Pages/Phone/Case/Index.vue
@@ -461,12 +461,13 @@ const clientSummary = computed(() => {
                         <div
                           v-for="(val, key) in c.meta"
                           :key="key"
-                          class="flex items-center justify-between gap-3 px-3 py-2 bg-gray-50 dark:bg-gray-800/50 even:bg-gray-100 dark:even:bg-gray-700/50 rounded-lg"
+                          class="flex flex-col gap-2 px-2 py-2 bg-gray-50 dark:bg-gray-800/50 even:bg-gray-100 dark:even:bg-gray-700/50 rounded-lg"
                         >
-                          <span
-                            class="text-xs text-gray-500 dark:text-gray-400 shrink-0 uppercase"
-                            >{{ val?.title?.replace(/_/g, " ") || key }}</span
+                          <p
+                            class="text-xs text-gray-500 dark:text-gray-400 shrink-0 uppercase wrap-break-word"
                           >
+                            {{ val?.title?.replace(/_/g, " ") || key }}
+                          </p>
                           <p
                             class="text-xs wrap-break-word font-semibold text-gray-800 dark:text-gray-200 text-right"
                           >