updating UI

app/src/styles/components/analysis/analysis.scss

@@ -16,6 +16,7 @@
     flex-direction: column;
     gap: 12px;
   }
+
   .analysis-card {
     min-width: 333px;
     background: var(--background-color);
@@ -42,9 +43,14 @@
         align-items: center;
 
         .main-header {
-          line-height: 20px;
+          color: var(--text-color);
           font-size: var(--font-size-regular);
         }
+
+        .sub-header {
+          color: var(--input-text-color);
+          font-size: var(--font-size-tiny);
+        }
       }
 
       .process-container {
@@ -114,6 +120,7 @@
         }
       }
     }
+
     .throughoutSummary-wrapper {
       .process-container {
         display: flex;
@@ -166,7 +173,7 @@
           padding: 8px;
           display: flex;
           flex-direction: column;
-          gap: 6px;
+          gap: 16px;
 
           &:first-child {
             width: 85%;
@@ -182,6 +189,21 @@
             align-items: center;
             justify-content: end;
             gap: 6px;
+
+            .progress-indicator {
+              padding-top: 10px;
+            }
+
+            .value-wrapper {
+              .value {
+                font-size: var(--font-size-xlarge);
+              }
+
+              .unit {
+                font-size: var(--font-size-small);
+
+              }
+            }
           }
         }
 
@@ -266,4 +288,4 @@
       }
     }
   }
-}
+}