From f12214f78298ef53656fa178dc15c151e507e62e Mon Sep 17 00:00:00 2001
From: Pranav <pranavrajs@gmail.com>
Date: Fri, 9 May 2025 13:32:02 -0700
Subject: [PATCH] fix styles for copilot

---
 app/javascript/dashboard/components-next/copilot/Copilot.vue | 2 +-
 .../components-next/copilot/CopilotAgentMessage.vue          | 2 +-
 .../components-next/copilot/CopilotAssistantMessage.vue      | 2 +-
 .../dashboard/components/copilot/CopilotContainer.vue        | 5 ++++-
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/javascript/dashboard/components-next/copilot/Copilot.vue b/app/javascript/dashboard/components-next/copilot/Copilot.vue
index 27cd95644..55c80f6db 100644
--- a/app/javascript/dashboard/components-next/copilot/Copilot.vue
+++ b/app/javascript/dashboard/components-next/copilot/Copilot.vue
@@ -116,7 +116,7 @@ watch(
     <div ref="chatContainer" class="flex-1 flex px-4 py-4 overflow-y-auto">
       <div
         v-if="messages.length"
-        class="space-y-6 flex-1 flex items-center justify-center"
+        class="space-y-6 flex-1 flex items-start justify-center"
       >
         <template v-for="message in messages" :key="message.id">
           <CopilotAgentMessage
diff --git a/app/javascript/dashboard/components-next/copilot/CopilotAgentMessage.vue b/app/javascript/dashboard/components-next/copilot/CopilotAgentMessage.vue
index ef8c2faf4..5a289d9ad 100644
--- a/app/javascript/dashboard/components-next/copilot/CopilotAgentMessage.vue
+++ b/app/javascript/dashboard/components-next/copilot/CopilotAgentMessage.vue
@@ -18,7 +18,7 @@ defineProps({
     <Avatar
       :name="supportAgent.available_name"
       :src="supportAgent.avatar_url"
-      :size="24"
+      :size="20"
       rounded-full
     />
     <div class="space-y-1 text-n-slate-12">
diff --git a/app/javascript/dashboard/components-next/copilot/CopilotAssistantMessage.vue b/app/javascript/dashboard/components-next/copilot/CopilotAssistantMessage.vue
index 1877e1630..413ddb1cf 100644
--- a/app/javascript/dashboard/components-next/copilot/CopilotAssistantMessage.vue
+++ b/app/javascript/dashboard/components-next/copilot/CopilotAssistantMessage.vue
@@ -50,7 +50,7 @@ const useCopilotResponse = () => {
     <Avatar
       name="Captain Copilot"
       icon-name="i-woot-captain"
-      :size="24"
+      :size="20"
       rounded-full
     />
     <div class="flex flex-col gap-1 text-n-slate-12">
diff --git a/app/javascript/dashboard/components/copilot/CopilotContainer.vue b/app/javascript/dashboard/components/copilot/CopilotContainer.vue
index 3879e589a..799dca672 100644
--- a/app/javascript/dashboard/components/copilot/CopilotContainer.vue
+++ b/app/javascript/dashboard/components/copilot/CopilotContainer.vue
@@ -115,7 +115,10 @@ watchEffect(() => {
 </script>
 
 <template>
-  <div v-if="isSidebarOpen" class="border-l border-n-weak min-w-[17.5rem]">
+  <div
+    v-if="isSidebarOpen"
+    class="border-l border-n-weak w-[17.5rem] min-w-[17.5rem]"
+  >
     <Copilot
       :messages="messages"
       :support-agent="currentUser"