Rearranging some information layout in augmented parts, adding colourization to scope table.

app/static/css/style.css

@@ -539,6 +539,28 @@ font-weight: 600;
 }
 */
 
+.augmented-fit-row-group {
+  padding: 0.5rem 0;
+  border-bottom: 2px solid var(--muted);
+}
+
+.fit-badge-possible {
+  background: var(--surface-2);
+  color: var(--muted);
+}
+
+.fit-badge-exact {
+  background: #16a34a26;
+  color: #16a34a;
+}
+
+.fit-badge-none {
+  background: #dc262626;
+  color: #dc2626;
+}
+
+
+
 .fit-badge-possible a {
   background: var(--surface-2);
   color: var(--muted);
@@ -554,6 +576,7 @@ font-weight: 600;
   color: #dc2626;
 }
 
+
 .fit-notes {
   margin-top: 0.4rem;
   padding-left: 0.25rem;

app/templates/admin/_augmented_part_fit_row.html

@@ -17,7 +17,7 @@
     <span class="fit-badge fit-badge-{{ fit.label.value }}">{{ fit.label.value | capitalize }}</span>
     <span class="fit-item-side"><strong>{{ own_ap.attachment_point_name.name }}</strong> ({{ conn_desc(own_ap) }})</span>
     <span class="fit-item-arrow">↔</span>
-    <span class="fit-item-side">{{ other_part.description if other_part else "Unknown part" }} — <strong>{{ other_ap.attachment_point_name.name }}</strong> ({{ conn_desc(other_ap) }})</span>
+    <span class="fit-item-side"><a href="/admin/augmented-parts/{{ other_part.id }}" title="{{ other_part.description }}">{{ other_part.sku }}</a> <strong>{{ other_part.part_type.name }}</strong></span>
   </div>
   {% if can_write %}
   <div class="row-actions">