Remove empty space in plots and make them more compact (#1749)

Author: sroy3

webview/src/plots/components/constants.ts

@@ -8,7 +8,7 @@ const fontWeight = 'normal' as FontWeight
 
 const title = {
   font,
-  fontSize: 16,
+  fontSize: 12,
   fontWeight
 }
 

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

@@ -84,15 +84,11 @@ $gap: 20px;
     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
 
     :global(.role-axis-title) text {
-      font-size: 12px;
+      font-size: 10px;
     }
   }
 
   @media (min-width: 800px) {
-    :not(.multiViewPlotsGrid) {
-      justify-content: space-around;
-    }
-
     .largePlots & {
       grid-template-columns: 1fr 1fr;
     }
@@ -144,11 +140,11 @@ $gap: 20px;
 .plot {
   aspect-ratio: 4 / 3;
   overflow: visible;
-  padding: 20px 10px 10px 10px;
   cursor: grab;
   position: relative;
   background: var(--editor-foreground-transparency-1);
   border: none;
+  padding-top: 5px;
 
   .plotGripIcon {
     position: absolute;
@@ -300,6 +296,7 @@ $gap: 20px;
   height: 100%;
   background: none;
   border: none;
+  padding: 0;
 }
 
 .zoomedInPlot {