Skip to content

Commit 66e6e8c

Browse files
mattdawkinsclaude
andcommitted
Add right padding to types panel header to prevent overlap with swap button
In the horizontal (bottom) sidebar layout, the swap button ('a') is absolutely positioned at top-right, overlapping the delete button in the FilterList header. Use a deep scoped CSS rule on .horizontal-types-panel to add padding-right to FilterList's header container, pushing the trash can to the left of the swap button. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent e1af66b commit 66e6e8c

1 file changed

Lines changed: 5 additions & 0 deletions

File tree

client/dive-common/components/Sidebar.vue

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -412,6 +412,11 @@ export default defineComponent({
412412
overflow-y: auto;
413413
overflow-x: hidden;
414414
415+
/* Push FilterList header buttons left so they don't overlap the swap button */
416+
::v-deep .container {
417+
padding-right: 40px;
418+
}
419+
415420
/* Always show scrollbar */
416421
&::-webkit-scrollbar {
417422
width: 8px;

0 commit comments

Comments
 (0)