224 files

custom_components/maintenance_supporter/frontend-src/panel-styles.ts

@@ -735,6 +735,20 @@ export const panelStyles = css`
     position: relative;
   }
 
+  /* Stale-bundle handshake banner (roadmap guard 2) */
+  .update-banner {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 8px 16px;
+    background: color-mix(in srgb, var(--primary-color) 14%, var(--card-background-color, #fff));
+    border-bottom: 1px solid var(--divider-color);
+    font-size: 14px;
+  }
+  .update-banner span {
+    flex: 1;
+  }
+
   .popup-menu {
     position: absolute;
     top: 100%;
@@ -1223,8 +1237,10 @@ export const panelStyles = css`
   }
 
   :host([narrow]) .tab {
-    padding: 12px 16px;
-    font-size: 14px;
+    /* Tight enough that the four tabs fit 412px in the longest languages —
+       Ukrainian ("Налаштування") overflowed at 12px 16px (overflow sweep). */
+    padding: 12px 8px;
+    font-size: 13px;
   }
 
   :host([narrow]) .task-header {
@@ -1435,7 +1451,7 @@ export const panelStyles = css`
     .kpi-value { font-size: 14px; }
     .kpi-value-large { font-size: 18px; }
     .two-column-layout { grid-template-columns: 1fr; }
-    .tab { padding: 12px 16px; font-size: 14px; }
+    .tab { padding: 12px 8px; font-size: 13px; }
     .task-header { flex-direction: column; align-items: flex-start; }
     .task-header-actions { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
     .filter-bar { flex-wrap: wrap; }