diff --git a/src/components/Plots/FeaturePlot.js b/src/components/Plots/FeaturePlot.js index 935be0f5..7e0ff040 100644 --- 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 index 02676715..b5354732 100644 --- 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; }