fix(ui): prevent bookmark icons from being cut off in compact view

This commit is contained in:
Gigi
2025-10-09 21:16:20 +01:00
parent 1eb9911645
commit 4caf1f0b22

View File

@@ -78,8 +78,9 @@ body {
}
.bookmarks-container .bookmarks-list {
padding: 0.25rem;
padding: 0.5rem;
overflow-y: auto;
overflow-x: hidden;
flex: 1;
width: 100%;
max-width: 100%;
@@ -760,7 +761,7 @@ body {
/* Compact view styles */
.individual-bookmark.compact {
padding: 0.5rem 0.75rem;
padding: 0.5rem 0.5rem;
background: transparent;
border: none;
border-bottom: 1px solid #2a2a2a;
@@ -768,6 +769,7 @@ body {
box-shadow: none;
width: 100%;
max-width: 100%;
overflow: hidden;
}
.individual-bookmark.compact:hover {
@@ -780,11 +782,11 @@ body {
.compact-row {
display: flex;
align-items: center;
gap: 0.75rem;
gap: 0.5rem;
height: 28px;
justify-content: space-between;
width: 100%;
min-width: 0;
overflow: hidden;
}
.compact-row.clickable {
@@ -805,7 +807,7 @@ body {
}
.compact-text {
flex: 1 1 0;
flex: 1;
min-width: 0;
color: #ccc;
font-size: 0.85rem;
@@ -813,7 +815,6 @@ body {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
.bookmark-date-compact {
@@ -834,10 +835,9 @@ body {
display: flex;
align-items: center;
justify-content: center;
width: 26px;
width: 24px;
height: 22px;
flex-shrink: 0;
margin-left: auto;
transition: color 0.2s ease;
}