Add stable markup hooks for site themes

1 file changed, 24 insertions, 16 deletions

diff --git a/assets/cgit.css b/assets/cgit.css
index 90fa074..dbd807c 100644
--- a/assets/cgit.css
+++ b/assets/cgit.css
@@ -350,8 +350,8 @@ div#cgit table.list tr.nohover:hover {
   background: var(--bg);
 }
 
-div#cgit table.list tr.nohover td:empty {
-  height: calc(1lh + 0.6em);
+div#cgit table.list tbody + tbody > tr:first-child > th {
+  padding-top: calc(1lh + 0.95em);
 }
 
 div#cgit table.list tr.nohover-highlight:hover:nth-child(even) {
@@ -436,12 +436,12 @@ div#cgit table.list td a:hover {
   color: var(--link);
 }
 
-div#cgit div#summary {
+div#cgit div#about {
   vertical-align: top;
   margin-bottom: 1em;
 }
 
-div#cgit div#summary pre {
+div#cgit div#about pre {
   overflow-x: auto;
 }
 
@@ -783,17 +783,25 @@ div#cgit div.cgit-panel {
   margin-top: 1.5em;
 }
 
-div#cgit div.cgit-panel table {
+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);
 }
 
-div#cgit div.cgit-panel th {
-  text-align: center;
+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 td {
-  padding: 0.25em 0.5em;
+div#cgit div.cgit-panel input[type="submit"] {
+  grid-column: 2;
+  justify-self: start;
 }
 
 div#cgit table.commit-info th {
@@ -998,23 +1006,23 @@ div#cgit a.button {
   padding: 0 0.5em;
 }
 
-div#cgit ul.pager {
+div#cgit nav.pager ul {
   list-style-type: none;
   text-align: center;
   margin: 1em 0 0 0;
   padding: 0;
 }
 
-div#cgit ul.pager li {
+div#cgit nav.pager li {
   display: inline-block;
   margin: 0.25em 0.5em;
 }
 
-div#cgit ul.pager a {
+div#cgit nav.pager a {
   color: var(--muted);
 }
 
-div#cgit ul.pager .current {
+div#cgit nav.pager .current {
   font-weight: bold;
 }
 
@@ -1192,7 +1200,7 @@ div#cgit table.ssdiff td.add {
   min-width: 50%;
 }
 
-div#cgit table.ssdiff td.add_dark {
+div#cgit table.ssdiff td.add-dark {
   color: var(--fg);
   background: var(--ss-add-bg2);
   min-width: 50%;
@@ -1209,7 +1217,7 @@ div#cgit table.ssdiff td.del {
   min-width: 50%;
 }
 
-div#cgit table.ssdiff td.del_dark {
+div#cgit table.ssdiff td.del-dark {
   color: var(--fg);
   background: var(--ss-del-bg2);
   min-width: 50%;
@@ -1226,7 +1234,7 @@ div#cgit table.ssdiff td.changed {
   min-width: 50%;
 }
 
-div#cgit table.ssdiff td.changed_dark {
+div#cgit table.ssdiff td.changed-dark {
   color: var(--fg);
   background: var(--ss-chg-bg2);
   min-width: 50%;