minor styling fix, fix print view

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>
           );
         })}

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 {

src/styles/components/_Summary.scss

@@ -372,7 +372,7 @@
         }
         @media (min-width: 1600px) {
           & {
-            max-width: 80%;
+            max-width: 85%;
           }
         }
         .title {

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;

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;