style(ui): improve spacing and alignment of repository toolbar
Adjusts the CSS styling for the primary repository toolbar to enhance its visual organization. These changes introduce specific padding and margin rules, ensuring that various utility groups are properly centered and spaced vertically. This improves the overall aesthetic consistency of the component.
This commit is contained in:
+11
@@ -5810,6 +5810,17 @@ input:focus, textarea:focus, select:focus { box-shadow: 0 0 0 3px color-mix(in s
|
||||
.repo-toolbar > .repo-toolbar-divider.utility { order: 5; }
|
||||
.repo-toolbar > .repo-utility-actions { order: 6; }
|
||||
|
||||
/* Center every toolbar group with the same breathing room above and below. */
|
||||
.repo-toolbar {
|
||||
align-items: center;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.repo-toolbar > .repo-toolbar-sync,
|
||||
.repo-toolbar > .repo-inspect-actions,
|
||||
.repo-toolbar > .repo-utility-actions { margin-bottom: 0; }
|
||||
.repo-toolbar > .repo-toolbar-divider { margin-top: 0; margin-bottom: 0; }
|
||||
|
||||
/* Compact change map for long compare and line-patch views. */
|
||||
.split-diff-shell,
|
||||
.line-patch-workspace {
|
||||
|
||||
Reference in New Issue
Block a user