Updated apps

custom_components/maintenance_supporter/frontend-src/styles.ts

@@ -122,7 +122,10 @@ function langToLocale(lang?: string): string {
   const l = (lang || "en").substring(0, 2).toLowerCase();
   const map: Record<string, string> = {
     de: "de-DE", en: "en-US", nl: "nl-NL", fr: "fr-FR", it: "it-IT", es: "es-ES", pt: "pt-PT", ru: "ru-RU", uk: "uk-UA", zh: "zh-CN",
-    da: "da-DK", fi: "fi-FI", nb: "nb-NO", ja: "ja-JP", hi: "hi-IN"
+    da: "da-DK", fi: "fi-FI", nb: "nb-NO", ja: "ja-JP", hi: "hi-IN",
+    // pl/cs/sv were missing and silently fell back to en-US — Polish users
+    // saw MM/DD dates (caught by the live multi-language check, 2026-07-19).
+    pl: "pl-PL", cs: "cs-CZ", sv: "sv-SE",
   };
   return map[l] ?? "en-US";
 }
@@ -534,6 +537,18 @@ export const sharedStyles = css`
     justify-content: space-between;
     gap: 8px;
   }
+  /* v2.37 — marks completions the system recorded itself (trigger recovered).
+     margin-right:auto keeps it left beside the type label while the edit
+     button stays pinned right by the row's space-between. */
+  .history-auto-badge {
+    margin-right: auto;
+    font-size: 11px;
+    padding: 1px 8px;
+    border-radius: 10px;
+    background: var(--secondary-background-color);
+    color: var(--secondary-text-color);
+    white-space: nowrap;
+  }
   .history-edit-btn {
     background: transparent;
     color: var(--secondary-text-color);
@@ -1422,8 +1437,21 @@ export const sharedStyles = css`
 
     .weibull-info-row { flex-direction: column; gap: 8px; }
 
-    .budget-bars { flex-direction: column; }
+    /* One compact line instead of two stacked rows — the bars are glanceable
+       info, not the page's main content (UX 2026-07). The label stacks above
+       the value: side-by-side, the yearly pair wrapped raggedly on 360px
+       screens; a uniform two-line stack reads as intended at every width. */
+    .budget-bars { gap: 12px; padding: 6px 8px; }
     .budget-item { min-width: 0; }
+    .budget-label {
+      font-size: 11px;
+      margin-bottom: 2px;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 0;
+    }
+    .budget-label span { white-space: nowrap; }
+    .budget-bar { height: 4px; }
 
     .group-card { min-width: 0; max-width: 100%; }