From 59a4f39cae66c2271d31e1c475af3bb743c3daea Mon Sep 17 00:00:00 2001
From: Haider Ali <haider00125@gmail.com>
Date: Mon, 20 Dec 2021 19:54:53 +0500
Subject: [PATCH] Fix overflow of labels on details and form screens.

---
 resources/js/components/DetailField.vue | 2 +-
 resources/js/components/FormField.vue   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/DetailField.vue b/resources/js/components/DetailField.vue
index ef78330..afda696 100644
--- a/resources/js/components/DetailField.vue
+++ b/resources/js/components/DetailField.vue
@@ -14,7 +14,7 @@
                         class="inline-block rounded-full w-2 h-2 mr-1"
                         :class="optionClass(option)"
                     />
-                    <span>{{ label }}</span>
+                    <span class="whitespace-normal">{{ label }}</span>
                 </div>
             </span>
         </p>
diff --git a/resources/js/components/FormField.vue b/resources/js/components/FormField.vue
index 00450f2..1e22cb6 100644
--- a/resources/js/components/FormField.vue
+++ b/resources/js/components/FormField.vue
@@ -20,7 +20,7 @@
                         :for="field.name"
                         v-text="label"
                         @click="toggleOption(option)"
-                        class="w-full leading-tight"
+                        class="w-full leading-tight whitespace-normal"
                     ></label>
                 </div>
             </div>