style(status_bar): improve layout and spacing slightly

This commit is contained in:
Elian Doran
2025-12-12 23:13:31 +02:00
parent 2b7e203bcc
commit 914272eee0
2 changed files with 8 additions and 2 deletions

View File

@@ -64,6 +64,7 @@ function BreadcrumbRoot({ noteContext }: { noteContext: NoteContext | undefined
return (note &&
<ActionButton
className="root-note"
icon={note.getIcon()}
text={title ?? ""}
onClick={() => noteContext?.setNote("root")}

View File

@@ -4,20 +4,21 @@
background-color: var(--left-pane-background-color);
> .status-bar-main-row {
min-height: 32px;
min-height: 28px;
display: flex;
align-items: center;
padding-inline: 0.25em;
font-size: 0.85em;
> .breadcrumb {
flex-grow: 1;
--icon-button-size: 23px;
}
> .actions-row {
padding: 0.1em;
display: flex;
gap: 0.1em;
font-size: 0.85em;
.btn {
padding: 0 0.5em !important;
@@ -26,6 +27,10 @@
align-items: center;
border: 0;
span {
font-size: 1rem;
}
&.active,
&:focus,
&:hover {