style/new layout/inline title: tweak

This commit is contained in:
Adorian Doran 2025-12-13 20:42:16 +02:00
parent 9969000807
commit 3352a92445

View File

@ -7,7 +7,7 @@
} }
.inline-title { .inline-title {
padding-bottom: 2em; max-width: var(--max-content-width);
padding-inline-start: 24px; padding-inline-start: 24px;
& > .inline-title-row { & > .inline-title-row {
@ -28,6 +28,10 @@
.note-icon-widget { .note-icon-widget {
padding: 0; padding: 0;
} }
.inline-title-row {
border-bottom: 2px solid gray;
}
} }
.title-row { .title-row {
@ -52,12 +56,12 @@ body.prefers-centered-content .inline-title {
} }
.title-details { .title-details {
margin-top: 0;
display: flex; display: flex;
gap: 0.25em; gap: 0.25em;
margin: 0; margin: 0;
margin-top: 4px;
list-style-type: none; list-style-type: none;
color: var(--muted-text-color); opacity: .5;
span.value { span.value {
font-weight: 500; font-weight: 500;
@ -65,12 +69,13 @@ body.prefers-centered-content .inline-title {
} }
.note-type-switcher { .note-type-switcher {
padding: 1em 0; padding: .25em 0;
display: flex; display: flex;
align-items: center;
overflow-x: auto; overflow-x: auto;
min-width: 0; min-width: 0;
gap: 5px; gap: 5px;
min-height: 60px; min-height: 40px;
--badge-radius: 12px; --badge-radius: 12px;
>* { >* {