fix(ktable): column visibility design feedback (#2152)

Apply design feedback - button/dropdown alignment.
Kong · Apr 22, 2024 · 524d89b · 524d89b
1 parent 158b0b6
commit 524d89b
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/KTable/ColumnVisibilityMenu.vue b/src/components/KTable/ColumnVisibilityMenu.vue
@@ -2,6 +2,7 @@
   <div class="table-column-visibility-menu">
     <KDropdown
       data-testid="table-column-visibility-menu"
+      :kpop-attributes="{ placement: 'bottomEnd' }"
       @toggle-dropdown="handleDropdownToggle"
     >
       <KTooltip text="Show/Hide Columns">
@@ -189,7 +190,7 @@ onBeforeMount(() => {
 
     .apply-button {
       margin-left: var(--kui-space-auto, $kui-space-auto);
-      margin-right: var(--kui-space-auto, $kui-space-auto);
+      margin-right: var(--kui-space-20, $kui-space-20);
     }
   }