Diff options
| author | Bryce Kwon <bryce@brycekwon.com> | |
|---|---|---|
| committer | Bryce Kwon <bryce@brycekwon.com> | |
| commit | ||
| parent | ||
| tree | ||
| download | ||
Tidy the diff and stat options panel
Its caption sat above the box, each select took its own width, and the
reload button hung indented under them. The caption is now the panel's
header strip, the selects and the button share one column at the width
of the widest select, and the labels lose their colons to match the
commit details.
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/cgit.css | 22 |
1 file changed, 13 insertions, 9 deletions
diff --git a/assets/cgit.css b/assets/cgit.css index a9ae84e..ac56513 100644 --- a/assets/cgit.css +++ b/assets/cgit.css @@ -814,28 +814,32 @@ div#cgit table.commit-info { div#cgit div.cgit-panel { float: right; - margin-top: 1.5em; + margin: 1.5em 0 1em 1em; + border: solid 1px var(--border-mid); +} + +div#cgit div.cgit-panel strong { + display: block; + padding: 0.35em 0.6em; + background-color: var(--surface); + border-bottom: solid 1px var(--border-mid); } div#cgit div.cgit-panel .fields { display: grid; grid-template-columns: max-content max-content; align-items: center; - justify-items: start; - padding-top: 0.5em; - border: solid 1px var(--border-mid); - background-color: var(--surface); + gap: 0.5em 0.9em; + padding: 0.6em; } -div#cgit div.cgit-panel label, div#cgit div.cgit-panel select, -div#cgit div.cgit-panel input { - margin: 0.25em 0.5em; +div#cgit div.cgit-panel input[type="submit"] { + width: 100%; } div#cgit div.cgit-panel input[type="submit"] { grid-column: 2; - justify-self: start; } div#cgit table.commit-info th { |