From 1602c96e28809980130e504b0fa7c5b996f01323 Mon Sep 17 00:00:00 2001
From: Dariusz L <dl122@wp.pl>
Date: Wed, 27 May 2026 01:36:38 +0200
Subject: [PATCH] style: adjust missing detail pane styling in model linker
 modal

---
 web/css/linker-main.css | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/web/css/linker-main.css b/web/css/linker-main.css
index 5e9a189..92698a7 100644
--- a/web/css/linker-main.css
+++ b/web/css/linker-main.css
@@ -3276,13 +3276,33 @@
     gap: 0;
 }
 #model-linker-modal .ml-missing-detail-pane .ml-column + .ml-column {
-    margin-top: 16px;
-    padding-top: 14px;
-    border-top: 1px solid rgba(255,255,255,0.075);
+    position: relative;
+    margin-top: 24px;
+    padding-top: 20px;
+    border-top: 1px solid rgba(255,255,255,0.12);
+}
+#model-linker-modal .ml-missing-detail-pane .ml-column + .ml-column::before {
+    content: "";
+    position: absolute;
+    top: -2px;
+    left: 0;
+    right: 0;
+    height: 1px;
+    background: linear-gradient(90deg, rgba(114,211,138,0.28), rgba(255,255,255,0.08) 34%, transparent 100%);
 }
 #model-linker-modal .ml-missing-detail-pane .ml-column-header {
     background: transparent;
 }
+#model-linker-modal .ml-missing-detail-pane .ml-column + .ml-column .ml-column-header {
+    display: inline-flex;
+    align-items: center;
+    min-height: 24px;
+    margin-bottom: 12px;
+    padding: 0 9px;
+    background: rgba(255,255,255,0.032);
+    border: 1px solid rgba(255,255,255,0.07);
+    border-radius: 999px;
+}
 #model-linker-modal .ml-missing-detail-pane [id^="local-matches-body-"] {
     background: rgba(255,255,255,0.014);
     border-color: rgba(255,255,255,0.06);