fix graph responsive sizes in larger browser widths (#49)

* fix graph responsive sizes in larger browser widths

* minor styling fix

* panel overview styling fix

* minor styling fix

Co-authored-by: Amy Chen <[email protected]>

Author: achen2401

src/styles/components/_Summary.scss

@@ -308,6 +308,8 @@
           border: 2px solid;
           padding: 12px;
           margin-bottom: 16px;
+          margin-top: 16px;
+          max-width: 360px;
           .panel-title {
             font-weight: 600;
             margin-top: 4px;
@@ -372,14 +374,31 @@
           }
           .panel.graph {
             flex-grow: 1;
-            flex-basis: 100%;
+            flex-basis: 65%;
           }
         }
       }
       @media (min-width: 1200px) {
         .sub-section__panel {
           .panel.graph {
-            flex-basis: 60%;
+            flex-basis: 57.5%;
+          }
+        }
+      }
+      @media (min-width: 1400px) {
+        .sub-section__panel {
+          .panel.graph {
+            flex-basis: 50%;
+          }
+        }
+      }
+      @media (min-width: 1600px) {
+        .sub-section__panel {
+          .panel.graph {
+            flex-basis: 25%;
+          }
+          .panel.overview {
+            margin-left: 16px;
           }
         }
       }