chore: Update feedback fixes

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

@@ -141,7 +141,7 @@ const maxVisibleFilters = computed(() => {
           <div
             id="saveFilterTeleportTarget"
             class="absolute z-50 top-6"
-            :class="{ 'ltr:right-0 rtl:left-0': isOnExpandedLayout }"
+            :class="{ 'ltr:left-0 rtl:right-0': isOnExpandedLayout }"
           />
         </div>
       </template>

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

@@ -86,22 +86,12 @@ onMounted(() => {
 </script>
 
 <template>
-  <div>
-    <div v-if="hasIssues" class="pt-3 px-3 pb-2">
-      <NextButton
-        sm
-        slate
-        icon="i-lucide-plus"
-        :label="$t('INTEGRATION_SETTINGS.LINEAR.ADD_OR_LINK_BUTTON')"
-        @click="openCreateModal"
-      />
-    </div>
-
+  <div class="mt-1 px-3">
     <div v-if="isLoading" class="flex justify-center p-8">
       <Spinner />
     </div>
 
-    <div v-else-if="!hasIssues" class="mt-2 px-3 w-full">
+    <div v-else-if="!hasIssues" class="mt-2 w-full">
       <SidePanelEmptyState
         :message="$t('INTEGRATION_SETTINGS.LINEAR.NO_LINKED_ISSUES')"
       />
@@ -115,16 +105,27 @@ onMounted(() => {
       />
     </div>
 
-    <div v-else class="max-h-[300px] overflow-y-auto px-2">
+    <div v-else class="max-h-[300px] overflow-y-auto">
       <LinearIssueItem
         v-for="linkedIssue in linkedIssues"
         :key="linkedIssue.id"
-        class="px-1 pt-3 pb-4 border-b border-n-weak last:border-b-0"
+        class="border-b border-n-weak last:border-b-0"
         :linked-issue="linkedIssue"
         @unlink-issue="unlinkIssue"
       />
     </div>
 
+    <div v-if="hasIssues" class="pt-3 w-full">
+      <NextButton
+        sm
+        slate
+        icon="i-lucide-plus"
+        class="w-full"
+        :label="$t('INTEGRATION_SETTINGS.LINEAR.ADD_OR_LINK_BUTTON')"
+        @click="openCreateModal"
+      />
+    </div>
+
     <woot-modal
       v-model:show="shouldShowCreateModal"
       :on-close="closeCreateModal"

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

@@ -44,7 +44,7 @@ const unlinkIssue = () => {
 </script>
 
 <template>
-  <div class="flex flex-col gap-4">
+  <div class="flex flex-col gap-4 py-3">
     <div class="flex flex-col w-full">
       <IssueHeader
         :identifier="issue.identifier"