From 3e7bbd82f307c38922edba1d2b4ba6611afbbf69 Mon Sep 17 00:00:00 2001
From: RitvikSardana <ritvik.sardana11@gmail.com>
Date: Tue, 5 Nov 2024 12:24:44 +0530
Subject: [PATCH] fix(ui): minor UI changes

---
 desk/src/components/ViewControls.vue    |  1 -
 desk/src/components/layouts/Sidebar.vue | 11 +++--------
 desk/src/pages/TicketNew.vue            | 17 +++++++++++------
 3 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/desk/src/components/ViewControls.vue b/desk/src/components/ViewControls.vue
index ac5146a34..f89950de5 100644
--- a/desk/src/components/ViewControls.vue
+++ b/desk/src/components/ViewControls.vue
@@ -63,7 +63,6 @@
       </div>
     </FadedScrollableDiv>
     <div class="grow"></div>
-    <div class="-ml-2 h-[70%] border-l" />
 
     <div class="flex items-center gap-2">
       <Button :label="'Refresh'" @click="emit('event:reload')">
diff --git a/desk/src/components/layouts/Sidebar.vue b/desk/src/components/layouts/Sidebar.vue
index 9edb5c8e6..8bb6913d3 100644
--- a/desk/src/components/layouts/Sidebar.vue
+++ b/desk/src/components/layouts/Sidebar.vue
@@ -24,8 +24,8 @@
     </SidebarLink>
     <div class="mb-4" v-if="!isCustomerPortal">
       <div
-        v-if="notificationStore.unread"
-        class="absolute z-20 h-1.5 w-1.5 translate-x-6 translate-y-1 rounded-full bg-blue-400"
+        v-if="!notificationStore.unread"
+        class="absolute z-20 h-1.5 w-1.5 translate-x-6 translate-y-1 rounded-full bg-blue-400 left-1"
         theme="gray"
         variant="solid"
       />
@@ -37,12 +37,7 @@
         :is-expanded="isExpanded"
       >
         <template #right>
-          <Badge
-            v-if="isExpanded && notificationStore.unread"
-            :label="notificationStore.unread"
-            theme="gray"
-            variant="subtle"
-          />
+          <Badge label="20" theme="gray" variant="subtle" />
         </template>
       </SidebarLink>
     </div>
diff --git a/desk/src/pages/TicketNew.vue b/desk/src/pages/TicketNew.vue
index a8c11d8f5..a675f3070 100644
--- a/desk/src/pages/TicketNew.vue
+++ b/desk/src/pages/TicketNew.vue
@@ -28,12 +28,17 @@
       </div>
       <!-- existing fields -->
       <div class="flex flex-col" :class="subject.length >= 2 && 'gap-5'">
-        <FormControl
-          v-model="subject"
-          type="text"
-          label="Subject*"
-          placeholder="A short description"
-        />
+        <div class="flex flex-col gap-2">
+          <span class="block text-sm text-gray-700">
+            Subject
+            <span class="place-self-center text-red-500"> * </span>
+          </span>
+          <FormControl
+            v-model="subject"
+            type="text"
+            placeholder="A short description"
+          />
+        </div>
         <TicketNewArticles v-if="isCustomerPortal" :search="subject" />
         <div v-if="isCustomerPortal">
           <h4