From 704dc875c3d59f627eef9958a22c9a7e362655d1 Mon Sep 17 00:00:00 2001
From: Amy Chen <amysbubble@Amys-MacBook-Pro-3.local>
Date: Wed, 22 Nov 2023 12:06:29 -0800
Subject: [PATCH] minor styling fix, fix print view

---
 src/components/report/BodyDiagram.js |  1 +
 src/styles/components/_Report.scss   |  3 +++
 src/styles/components/_Summary.scss  |  2 +-
 src/styles/elements/_select.scss     |  4 +++-
 src/styles/print.scss                | 19 ++++++++++++++++---
 5 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/components/report/BodyDiagram.js b/src/components/report/BodyDiagram.js
index dc0a78023..68f977db8 100644
--- a/src/components/report/BodyDiagram.js
+++ b/src/components/report/BodyDiagram.js
@@ -565,6 +565,7 @@ export default class BodyDiagram extends Component {
                 index === this.state.selectedIndex ? "active" : ""
               }`}
               key={`dot_${index}`}
+              title={`${ getDisplayDateFromISOString(item.date)}`}
             ></div>
           );
         })}
diff --git a/src/styles/components/_Report.scss b/src/styles/components/_Report.scss
index d7326cd01..74a0e054e 100644
--- a/src/styles/components/_Report.scss
+++ b/src/styles/components/_Report.scss
@@ -622,6 +622,9 @@ $selector-box-shadow: 0 2px 2px #383e40;
     svg {
       color: $link-color;
       border-color: $link-border-color;
+      &:hover {
+        transform: scale(1.1);
+      }
     }
   }
   .dots-container {
diff --git a/src/styles/components/_Summary.scss b/src/styles/components/_Summary.scss
index b8bde6465..3e4f22f3e 100644
--- a/src/styles/components/_Summary.scss
+++ b/src/styles/components/_Summary.scss
@@ -372,7 +372,7 @@
         }
         @media (min-width: 1600px) {
           & {
-            max-width: 80%;
+            max-width: 85%;
           }
         }
         .title {
diff --git a/src/styles/elements/_select.scss b/src/styles/elements/_select.scss
index f72087751..d78f1c930 100644
--- a/src/styles/elements/_select.scss
+++ b/src/styles/elements/_select.scss
@@ -13,6 +13,7 @@ select {
     border: 0;
     outline-width: 0;
     outline: none;
+    font-weight: 600;
     &:hover {
       color: $link-color-dark;
     }
@@ -39,6 +40,7 @@ select {
       border-color: transparent;
       select {
         color: $color-black;
+        font-weight: 500;
       }
       &::after {
         display: none;
@@ -49,7 +51,7 @@ select {
   .select::after {
     content: '\25BC';
     position: absolute;
-    top: 0;
+    top: 0.2rem;
     right: 0;
     padding: 0.45em;
     background-color: #FFF;
diff --git a/src/styles/print.scss b/src/styles/print.scss
index 8c92d48b0..5f80d4b32 100644
--- a/src/styles/print.scss
+++ b/src/styles/print.scss
@@ -17,6 +17,11 @@
   .summary__display {
     background-color: #fff !important;
     padding: 0;
+    .sections {
+      .MME-svg-container {
+        width: calc(100% - 56px);
+      }
+    }
   }
   .header {
     position: relative;
@@ -54,6 +59,11 @@
   //     page-break-inside: avoid;
   //   }
   // }
+  .panels {
+    .sub-panels {
+      page-break-before: always;
+    }
+  }
   .report {
     .Collapsible {
         &:not(:first-of-type) {
@@ -72,14 +82,17 @@
       display: block;
       .panel.graph {
         max-width: calc(100% - 180px);
+        .survey-graph {
+          width: 100%;
+        }
       }
       .panel,
       object {
         border: 0;
       }
-      // .panel:not(:first-of-type) {
-      //   page-break-before: always;
-      // }
+      .panel:not(:first-of-type) {
+        page-break-before: always;
+      }
       .panel__item {
         height: 100%;
        // page-break-inside: avoid;