bugfix

angular.json

@@ -27,19 +27,22 @@
             "styles": [
               "src/styles.css"
             ],
-            "scripts": []
+           "scripts": [],
+            "allowedCommonJsDependencies": [
+              "file-saver"
+            ]
           },
           "configurations": {
             "production": {
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "2mb",
-                  "maximumError": "1mb"
+                  "maximumWarning": "1.2mb",
+                  "maximumError": "1.5mb"
                 },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "40kb",
+                  "maximumWarning": "50kb",
                   "maximumError": "60kb"
                 }
               ],

src/app/validationpage/validationpage.component.css

@@ -810,7 +810,7 @@ footer {
 /* Ensure card-modal-case defaults align with wider left panel when present */
 .card-modal-case {
  --w:34%; /* default flex width for the card row version */
- --h: calc(100vh -160px);
+ --h: calc(100vh - 160px);
  min-width:300px;
  align-self: flex-start;
 }
@@ -861,7 +861,7 @@ footer {
 .card-modal { background: linear-gradient(120deg,#ffffff,#f6faff); border-radius:12px; box-shadow:0 8px 32px rgba(2,6,23,0.04); padding:12px; display:flex; flex-direction:column; }
 
 /* Make all card-modals expand to fill available horizontal space evenly */
-.cards-row .card-modal { flex:110; min-width:350px; height: calc(100vh -200px); overflow:hidden; }
+.cards-row .card-modal { flex:110; min-width:350px; height: calc(100vh - 200px); overflow:hidden; }
 
 /* Remove previous rigid per-card max-widths (selectors kept for compatibility) */
 .card-modal-case, .card-modal-metrics, .card-modal-results, .card-modal-summary { /* sized by .cards-row .card-modal */ }
@@ -897,7 +897,7 @@ footer {
 }
 
 .validation-template-main {
- height: calc(100vh -120px);
+ height: calc(100vh - 120px);
  overflow: hidden;
 }
 
@@ -908,7 +908,7 @@ footer {
 }
 
 .cards-row .card-modal-body {
- max-height: calc(100vh -260px);
+ max-height: calc(100vh - 260px);
  overflow-y: auto;
 }
 
@@ -1004,7 +1004,7 @@ footer {
 .card-modal { background: linear-gradient(120deg,#ffffff,#f6faff); border-radius:12px; box-shadow:0 8px 32px rgba(2,6,23,0.04); padding:12px; display:flex; flex-direction:column; }
 
 /* Make all card-modals expand to fill available horizontal space evenly */
-.cards-row .card-modal { flex:110; min-width:200px; height: calc(100vh -200px); overflow:hidden; }
+.cards-row .card-modal { flex:110; min-width:200px; height: calc(100vh - 200px); overflow:hidden; }
 
 /* Remove previous rigid per-card max-widths (selectors kept for compatibility) */
 .card-modal-case, .card-modal-metrics, .card-modal-results, .card-modal-summary { /* sized by .cards-row .card-modal */ }
@@ -1090,9 +1090,9 @@ footer {
 }
 
 /* Utility classes for quick nudges (small adjustments) */
-.nudge-left { --card-offset-x: -12px; }
+.nudge-left { --card-offset-x: - 12px; }
 .nudge-right { --card-offset-x:12px; }
-.nudge-more-left { --card-offset-x: -24px; }
+.nudge-more-left { --card-offset-x: - 24px; }
 .nudge-more-right { --card-offset-x:24px; }
 
 /* Utility classes to increase card size */

src/app/view-details-page/view-details-page.component.css

@@ -192,7 +192,7 @@
   box-shadow: var(--shadow-strong);
   border: 1px solid var(--soft-blue);
   width: 100%;
-  max-width: calc(100% -320px);
+  max-width: calc(100% - 320px);
   box-sizing: border-box;
   overflow: auto;
   transition: box-shadow var(--transition-medium) ease, transform var(--transition-medium) ease;