Show SV metadata for postprocess results

web_dehaze/static/style.css

@@ -318,6 +318,17 @@ h1 {
   background: rgba(255, 250, 241, 0.82);
 }
 
+.result-card.clickable {
+  cursor: pointer;
+}
+
+.result-card.clickable:hover,
+.result-card.clickable:focus {
+  outline: 2px solid rgba(31, 107, 87, 0.36);
+  outline-offset: 2px;
+  border-color: rgba(31, 107, 87, 0.55);
+}
+
 .result-card header {
   display: flex;
   align-items: center;
@@ -372,6 +383,32 @@ h1 {
   background: #fff;
 }
 
+.sv-strip {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  min-height: 36px;
+  padding: 7px 10px;
+  border-top: 1px solid var(--line);
+  background: rgba(31, 107, 87, 0.09);
+  color: var(--green-dark);
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+}
+
+.sv-strip span {
+  min-width: 0;
+  overflow-wrap: anywhere;
+  font-weight: 700;
+}
+
+.sv-strip small {
+  flex: 0 0 auto;
+  color: var(--muted);
+  font-size: 11px;
+}
+
 .missing {
   color: var(--muted);
   font-size: 13px;