Merge pull request #510 from KPMP/KPMP-5233_ResizePlots

Kpmp 5233 resize plots
KPMP · Mar 22, 2024 · 8bfaea7 · 8bfaea7
2 parents 76629ee + 6696c50
commit 8bfaea7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/components/Plots/FeaturePlot.js b/src/components/Plots/FeaturePlot.js
@@ -43,13 +43,13 @@ class FeaturePlot extends Component {
     }
     getPlotSize() {
         if (window.innerWidth > 1197) {
-            return { plotHeight: 400, plotWidth: 460 };
+            return { plotHeight: 500, plotWidth: 530 };
         } else if (window.innerWidth > 991 && window.innerWidth <= 1197) {
             return { plotHeight: 350, plotWidth: 410 }
         } else if (window.innerWidth > 767 && window.innerWidth <= 991) {
             return { plotHeight: 600, plotWidth: 660 }
         } else if (window.innerWidth > 508 && window.innerWidth <= 767) {
-            return { plotHeight: 400, plotWidth: 460 }
+            return { plotHeight: 400, plotWidth: 430 }
         } else if (window.innerWidth > 408 && window.innerWidth <= 508) {
             return { plotHeight: 300, plotWidth: 360 }
         } else if (window.innerWidth > 0 && window.innerWidth <= 408) {

diff --git a/src/index.scss b/src/index.scss
@@ -357,8 +357,8 @@ tr.MuiTableRow-root:nth-child(even) {
 
 }
 #umapPlot {
-  width: 430px;
-  height: 400px;
+  width: 538px;
+  height: 500px;
   @media (max-width: 1198px) {
     width: 380px;
     height: 350px;
@@ -368,10 +368,10 @@ tr.MuiTableRow-root:nth-child(even) {
     height: 600px;
   }
   @media (max-width: 768px) {
-    width: 430px;
+    width: 438px;
     height: 400px;
   }
-  @media (max-width: 768px) {
+  @media (max-width: 508px) {
     width: 330px;
     height: 300px;
   }