Style commit-like entities

static/base.css

@@ -232,49 +232,34 @@ nav a:hover {
     background-color: #ddd;
 }
 
-/* Commit */
+/* Commit-like entities */
 
-/*
+.commit-like dl {
-
-.commit * {
-    margin: 0;
-}
-
-.commit dl {
     display: grid;
     grid: auto-flow / max-content 1fr;
     column-gap: 1ch;
 }
 
-.commit .hash {
+.commit-like dl, .commit-like dt, .commit-like dd {
-    color: #b70;
+    margin: 0;
-    font-weight: bold;
 }
 
-.commit pre {
+.commit-like pre {
     margin: 1em 0ch 1em 4ch;
     white-space: pre-wrap;
 }
 
-*/
+.commit-like.commit .title {
-
+    color: #b70;
-/* Worker */
-
-/*
-
-.worker * {
-    margin: 0;
-}
-
-.worker dl {
-    display: grid;
-    grid: auto-flow / max-content 1fr;
-    column-gap: 1ch;
-}
-
-.worker .name {
-    color: #380;
     font-weight: bold;
 }
 
-*/
+.commit-like.run .title {
+    color: #07e;
+    font-weight: bold;
+}
+
+.commit-like.worker .title {
+    color: #380;
+    font-weight: bold;
+}

templates/pages/commit.html

@@ -7,8 +7,8 @@
 
 <h2>Commit</h2>
 
-<div>
+<div class="commit-like commit">
-    <span>commit {{ hash }}</span>
+    <span class="title">commit {{ hash }}</span>
     <dl>
         <dt>Author:</dt>
         <dd>{{ author }}</dd>

templates/pages/run_finished.html

@@ -6,8 +6,8 @@
 
 <h2>Run</h2>
 
-<div>
+<div class="commit-like run">
-    <span>run {{ id }}</span>
+    <span class="title">run {{ id }}</span>
     <dl>
         <dt>Commit:</dt>
         <dd>{{ commit|safe }}</dd>

templates/pages/worker.html

@@ -6,8 +6,8 @@
 
 <h2>Worker</h2>
 
-<div>
+<div class="commit-like worker">
-    <span>worker {{ name }}</span>
+    <span class="title">worker {{ name }}</span>
     <dl>
         <dt>Connected:</dt>
         <dd>{{ connected }}</dd>