improve fish metadata display

static/style.css

@@ -51,6 +51,13 @@ select {
 
 .meta {
     text-align: end;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+.meta img {
+    vertical-align: middle;
 }
 
 .when,
@@ -156,3 +163,37 @@ summary:hover {
     display: flex;
     gap: 5px;
 }
+
+.patch {
+    font-size: 11px;
+    background: black;
+    color: white;
+    border-radius: 10px;
+    padding: 2px 6px;
+    margin-left: 2px;
+    vertical-align: middle;
+}
+
+.patch-2 {
+    background: #666666;
+}
+
+.patch-3 {
+    background: #4d7ee8;
+}
+
+.patch-4 {
+    background: #a22a3e;
+}
+
+.patch-5 {
+    background: #5047b3;
+}
+
+.patch-6 {
+    background: #bf7813;
+}
+
+.patch-7 {
+    background: #e5b522;
+}