Add a few minor changes

datalab-org · Oct 7, 2024 · 281b311 · 281b311
1 parent 7ecd1ab
commit 281b311
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/webapp/src/components/DynamicDataTable.vue b/webapp/src/components/DynamicDataTable.vue
@@ -352,7 +352,7 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
 .customize-table .ag-header {
   font-size: 1rem;
 }
@@ -379,10 +379,6 @@ export default {
   white-space: nowrap;
 }
 
-.button-right {
-  gap: 0.5em;
-}
-
 .p-datatable-header-cell.filter-active svg {
   color: #10b981;
 }

diff --git a/...src/components/DynamicButtonDataTable.vue → ...rc/components/DynamicDataTableButtons.vue b/...src/components/DynamicButtonDataTable.vue → ...rc/components/DynamicDataTableButtons.vue
@@ -3,7 +3,7 @@
     <div class="button-left">
       <button
         v-if="dataType === 'samples'"
-        class="btn btn-default"
+        class="btn btn-default ml-2"
         @click="$emit('open-create-item-modal')"
       >
         Add an item
@@ -56,7 +56,7 @@
           :disabled="itemsSelected.length === 0"
           @click="isSelectedDropdownVisible = !isSelectedDropdownVisible"
         >
-          {{ itemsSelected.length > 0 ? `${itemsSelected.length} selected ` : "Selected ... " }}
+          {{ itemsSelected.length > 0 ? `${itemsSelected.length} selected ...` : "Selected ..." }}
         </button>
         <div
           v-show="isSelectedDropdownVisible"
@@ -206,4 +206,8 @@ export default {
   line-height: 1.5;
   border-radius: 0.25rem;
 }
+
+.button-right {
+  gap: 0.5em;
+}
 </style>