Temp Fix Resizing Graphs

- This fix is kind of ugly but now the two bottom graphs should resize as intended. Very weird bug that I can't make these two canvas responsive. Only allows for one. The 30 day canvas seems to be uneffected.

Author: programmingKyle

src/graphTopics.js

@@ -43,7 +43,7 @@ function createTopicHoursGraph() {
         }
       },
       maintainAspectRatio: false,
-      responsive: true,
+      responsive: false,
       scales: {
         y: {
           display: true, // Display y-axis

src/index.css

@@ -217,7 +217,7 @@ h1,h2,h3,h4,h5,h6 {
 
 .bottom-grid {
   display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr auto;
   grid-gap: 5px;
   overflow: hidden;
 }

src/index.html

@@ -87,7 +87,7 @@ <h3>10.5</h3>
           </div>
           <div class="bottom-right-graphs">
             <div class="container">
-              <canvas id="topicHoursGraph"></canvas>
+              <canvas id="topicHoursGraph" style="width: 100%; height: auto;"></canvas>
             </div>
             <div class="container">
               <canvas id="annualHoursGraph"></canvas>