chore: Feedback fixes

app/javascript/dashboard/components/Accordion/AccordionItem.vue

@@ -29,7 +29,7 @@ const onToggle = () => {
       class="flex items-center select-none w-full m-0 cursor-grab justify-between drag-handle px-4 py-0 focus-visible:outline-none outline-none !transition-none"
       @click.stop="onToggle"
     >
-      <h5 class="text-n-slate-12 text-sm font-medium mb-0 py-0 pr-2 pl-0">
+      <h5 class="text-n-slate-12 text-heading-2 mb-0 py-0 pr-2 pl-0">
         {{ title }}
       </h5>
       <div

app/javascript/dashboard/components/buttons/ResolveAction.vue

@@ -184,7 +184,7 @@ useEmitter(CMD_RESOLVE_CONVERSATION, onCmdResolveConversation);
     <div
       v-if="showActionsDropdown"
       v-on-clickaway="closeDropdown"
-      class="border rounded-xl shadow-lg border-n-strong dark:border-n-strong box-content p-2 w-fit z-10 bg-n-alpha-3 backdrop-blur-[100px] absolute block top-full mt-0.5 start-0 sm:start-auto sm:end-0 xl:start-0 max-w-[12.5rem] min-w-[9.75rem] [&_ul>li]:mb-0"
+      class="border rounded-xl shadow-lg border-n-strong dark:border-n-strong box-content p-2 w-fit z-10 bg-n-alpha-3 backdrop-blur-[100px] absolute block top-full mt-0.5 start-0 sm:start-auto sm:end-0 max-w-[12.5rem] min-w-[9.75rem] [&_ul>li]:mb-0"
     >
       <Button
         v-if="!isPending"

app/javascript/dashboard/components/widgets/conversation/ShopifyOrdersList.vue

@@ -58,7 +58,7 @@ watch(
     <div v-else-if="error" class="text-center text-n-ruby-12">
       {{ error }}
     </div>
-    <div v-else-if="!orders.length" class="mt-2">
+    <div v-else-if="!orders.length">
       <SidePanelEmptyState
         :message="$t('CONVERSATION_SIDEBAR.SHOPIFY.NO_SHOPIFY_ORDERS')"
       />

app/javascript/dashboard/components/widgets/conversation/linear/IssuesList.vue

@@ -87,7 +87,7 @@ onMounted(() => {
 
 <template>
   <div>
-    <div class="pt-3 px-3 pb-2">
+    <div v-if="hasIssues" class="pt-3 px-3 pb-2">
       <NextButton
         sm
         slate
@@ -101,10 +101,18 @@ onMounted(() => {
       <Spinner />
     </div>
 
-    <div v-else-if="!hasIssues" class="mt-2">
+    <div v-else-if="!hasIssues" class="mt-2 px-3 w-full">
       <SidePanelEmptyState
         :message="$t('INTEGRATION_SETTINGS.LINEAR.NO_LINKED_ISSUES')"
       />
+      <NextButton
+        sm
+        slate
+        icon="i-lucide-plus"
+        :label="$t('INTEGRATION_SETTINGS.LINEAR.ADD_OR_LINK_BUTTON')"
+        class="w-full mt-2"
+        @click="openCreateModal"
+      />
     </div>
 
     <div v-else class="max-h-[300px] overflow-y-auto px-2">

app/javascript/dashboard/components/widgets/conversation/linear/LinearIssueItem.vue

@@ -53,13 +53,13 @@ const unlinkIssue = () => {
         @unlink-issue="unlinkIssue"
       />
 
-      <h3 class="mt-2 text-sm font-medium text-n-slate-12">
+      <h3 class="mt-2 text-heading-3 text-n-slate-12">
         {{ issue.title }}
       </h3>
 
       <p
         v-if="issue.description"
-        class="mt-1 text-sm text-n-slate-11 line-clamp-3"
+        class="mt-1 text-body-para text-n-slate-11 line-clamp-3"
       >
         {{ issue.description }}
       </p>