From 94159ca9dfe117b497e0ddbbcf69686a7176c989 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+sivin-git@users.noreply.github.com>
Date: Tue, 9 Mar 2021 18:37:18 +0530
Subject: [PATCH] Fix: Canned responses table column width breakage  (#1881)

---
 .../routes/dashboard/settings/canned/Index.vue        | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue
index 95065f547..c3f192c3b 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue
@@ -40,7 +40,9 @@
               :key="cannedItem.short_code"
             >
               <!-- Short Code  -->
-              <td>{{ cannedItem.short_code }}</td>
+              <td class="short-code">
+                {{ cannedItem.short_code }}
+              </td>
               <!-- Content -->
               <td>{{ cannedItem.content }}</td>
               <!-- Action Buttons -->
@@ -99,9 +101,7 @@
   </div>
 </template>
 <script>
-/* global bus */
 import { mapGetters } from 'vuex';
-
 import AddCanned from './AddCanned';
 import EditCanned from './EditCanned';
 
@@ -201,3 +201,8 @@ export default {
   },
 };
 </script>
+<style scoped>
+.short-code {
+  width: 14rem;
+}
+</style>