Fix location of closing icon

JetBrains · May 17, 2024 · 1516dff · 1516dff
1 parent 92a0ce1
commit 1516dff
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/dashboard/new-dashboard/src/components/charts/LineChart.vue b/dashboard/new-dashboard/src/components/charts/LineChart.vue
@@ -3,17 +3,20 @@
     :id="anchor"
     class="flex flex-col gap-y-2.5 py-3 px-5 border border-solid rounded-md border-zinc-200"
   >
-    <h3 class="m-0 text-sm flex">
-      {{ props.title + (settingStore.scaling ? " (scaled)" : "") }}&nbsp;<a
+    <h3 class="m-0 text-sm flex items-center">
+      {{ props.title + (settingStore.scaling ? " (scaled)" : "") }}&nbsp;
+      <a
         :href="'#' + anchor"
         class="text-blue-500"
         >#</a
       >
-      <span
-        v-if="props.canBeClosed"
-        class="text-sm pi pi-plus rotate-45 cursor-pointer hover:text-gray-800 transition"
-        @click="closeChart"
-      />
+      <span class="ml-auto flex items-center">
+        <span
+          v-if="props.canBeClosed"
+          class="text-sm pi pi-plus rotate-45 cursor-pointer hover:text-gray-800 transition"
+          @click="closeChart"
+        />
+      </span>
     </h3>
     <div
       ref="chartElement"