Add min-width to comparison table (#1770)

* Add min-width to comparison table

* Remove centered class around plots

Author: sroy3

webview/src/plots/components/PlotsContainer.tsx

@@ -127,7 +127,7 @@ export const PlotsContainer: React.FC<PlotsContainerProps> = ({
             sectionTitle
           )}
         </summary>
-        <div className={styles.centered}>
+        <div>
           {open && (
             <div className={sizeClass} data-testid="plots-wrapper">
               {children}

webview/src/plots/components/styles.module.scss

@@ -219,16 +219,19 @@ $gap: 20px;
   .smallPlots & {
     width: calc(25% * var(--scale));
     padding-right: $gap;
+    min-width: calc(300px * var(--scale));
   }
 
   .regularPlots & {
     width: calc(33% * var(--scale));
     padding-right: $gap;
+    min-width: calc(400px * var(--scale));
   }
 
   .largePlots & {
     width: calc(50% * var(--scale));
     padding-right: $gap;
+    min-width: calc(500px * var(--scale));
   }
 
   @media (min-width: 1000px) {