updated navbar styles

Author: danil-nizamov

diagram.js

@@ -99,7 +99,7 @@ function renderTable(svg, table, schema, selectedTableId, selectedColId, onSelec
   title.textContent = table.name; g.appendChild(title);
 
   // HEADER SEPARATOR
-  g.appendChild(createSvg('line', { x1: x, y1: y + DIAGRAM.HEADER_H, x2: x + width, y2: y + DIAGRAM.HEADER_H, stroke: '#e4e4e8' }));
+  g.appendChild(createSvg('line', { x1: x + 8, y1: y + DIAGRAM.HEADER_H, x2: x + width - 8, y2: y + DIAGRAM.HEADER_H, stroke: '#d1d5db', 'stroke-width': '0.5' }));
 
   // DRAG BUTTON (the ONLY drag handle)
   const btnSize = 16;

solution.json

@@ -41,10 +41,9 @@
       ],
       "indexes": [],
       "position": {
-        "x": 377,
-        "y": -83
-      },
-      "color": "white"
+        "x": 603,
+        "y": 125
+      }
     },
     {
       "id": "tbl_orders",
@@ -78,10 +77,10 @@
       "uniqueConstraints": [],
       "indexes": [],
       "position": {
-        "x": 92,
-        "y": -65
+        "x": 85,
+        "y": -102
       },
-      "color": "red"
+      "color": "blue"
     }
   ],
   "foreignKeys": [

style.css

@@ -71,7 +71,7 @@
   }
 
   header{
-    display:flex;align-items:baseline;gap:1rem;padding:.5rem 1rem; /* Reduced from .75rem to .5rem */
+    display:flex;align-items:center;gap:1rem;padding:.5rem 1rem; /* Reduced from .75rem to .5rem */
     border-bottom:1px solid var(--stroke);
     background:var(--box)
   }
@@ -322,10 +322,11 @@
 
   /* --- help button alignment --- */
 .spacer { flex: 1; }
-#btn-help { margin-left: auto; }
+#btn-help { margin-left: auto; margin-top: 0; }
 
 .as-button {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   padding: .5rem .75rem;
   border: 1px solid #e2e8f0;
   border-radius: .5rem;