From 8588dad94990124c4bda5d30dc8ac239d4ae4bea Mon Sep 17 00:00:00 2001
From: Muhsin Keloth <muhsinkeramam@gmail.com>
Date: Thu, 25 Apr 2024 15:30:03 +0530
Subject: [PATCH] feat: style issues

---
 .../routes/dashboard/settings/personal/AccessToken.vue       | 2 +-
 .../routes/dashboard/settings/personal/HotKeyCard.vue        | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/personal/AccessToken.vue b/app/javascript/dashboard/routes/dashboard/settings/personal/AccessToken.vue
index 2f7d5b5b8..08014f5e9 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/personal/AccessToken.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/personal/AccessToken.vue
@@ -14,7 +14,7 @@
       type="submit"
       size="large"
       icon="text-copy"
-      variant="hollow"
+      variant="ghost"
       color-scheme="secondary"
       @click="onClick"
     >
diff --git a/app/javascript/dashboard/routes/dashboard/settings/personal/HotKeyCard.vue b/app/javascript/dashboard/routes/dashboard/settings/personal/HotKeyCard.vue
index d201258ac..9cc74945b 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/personal/HotKeyCard.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/personal/HotKeyCard.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="flex flex-col gap-4 w-full h-[220px] md:max-h-[220px] p-4 md:w-[350px] rounded-md border border-solid border-ash-200"
+    class="flex flex-col gap-4 w-full h-fit sm:max-h-[220px] p-4 sm:max-w-[350px] rounded-md border border-solid border-ash-200"
     :class="{
       'border border-solid border-primary-300 ': active,
     }"
@@ -14,10 +14,11 @@
           :checked="active"
           type="radio"
           name="hotkey"
+          class="shadow grid place-items-center border-2 border-ash-200 appearance-none rounded-full w-5 h-5 checked:bg-primary-600 before:content-[''] before:bg-primary-600 before:border-4 before:rounded-full before:border-ash-25 checked:before:w-[18px] checked:before:h-[18px] checked:border checked:border-primary-600"
           @change="$emit('click')"
         />
       </div>
-      <span class="text-ash-900 text-sm leading-[1.4] text-start">
+      <span class="text-ash-900 text-sm line-clamp-2 leading-[1.4] text-start">
         {{ description }}
       </span>
     </div>