mirror of
https://github.com/dergigi/boris.git
synced 2026-02-23 16:04:29 +01:00
refactor: reduce section heading bottom padding by half
Changed bottom padding from 0.75rem to 0.375rem for both the section title and action button to reduce spacing before bookmark items.
This commit is contained in:
@@ -168,7 +168,7 @@ export const BookmarkList: React.FC<BookmarkListProps> = ({
|
||||
{sections.filter(s => s.items.length > 0).map(section => (
|
||||
<div key={section.key} className="bookmarks-section">
|
||||
<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
|
||||
<h3 className="bookmarks-section-title" style={{ margin: 0, padding: '1.5rem 0.5rem 0.75rem', flex: 1 }}>{section.title}</h3>
|
||||
<h3 className="bookmarks-section-title" style={{ margin: 0, padding: '1.5rem 0.5rem 0.375rem', flex: 1 }}>{section.title}</h3>
|
||||
{section.key === 'web' && activeAccount && (
|
||||
<CompactButton
|
||||
icon={faPlus}
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
text-transform: uppercase !important;
|
||||
letter-spacing: 0.05em !important;
|
||||
color: var(--color-text-muted) !important;
|
||||
padding: 1.5rem 0.5rem 0.75rem !important;
|
||||
padding: 1.5rem 0.5rem 0.375rem !important;
|
||||
margin: 0 !important;
|
||||
border-top: 1px solid var(--color-border);
|
||||
}
|
||||
@@ -22,7 +22,7 @@
|
||||
padding-top: 0.5rem !important;
|
||||
}
|
||||
.bookmark-section-action {
|
||||
padding: 1.5rem 0.5rem 0.75rem;
|
||||
padding: 1.5rem 0.5rem 0.375rem;
|
||||
}
|
||||
.bookmarks-section:first-of-type .bookmark-section-action {
|
||||
padding-top: 0.5rem;
|
||||
|
||||
Reference in New Issue
Block a user