Merge pull request #325 from ayobi/report_overhaul_phase2

report overhaul phase 2

microsetta_interface/static/css/minimal_interface.css

@@ -1607,4 +1607,42 @@ input.barcode-checkbox[type=checkbox]:checked+label {
     .navbar-expand-custom .navbar-toggler {
         display: none;
     }
-}
+}
+.two-column-layout {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 52px;
+}
+
+.diversity-gauge-container {
+    width: 532px;
+    height: 424px;
+    border-radius: 20px;
+    background: var(--White, #FFF);
+    box-shadow: 0px 0px 20px 2px rgba(102, 102, 102, 0.30);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.report-text-column {
+    flex: 1;
+    text-align: left;
+    max-width: 1280px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.report-header {
+    color: var(--tmi-blue);
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 40px;
+}
+
+.report-text-container {
+    width: 696px;
+    height: 500px;
+}