From a85757834560d26ddfe01e5eb549f515d86f20b3 Mon Sep 17 00:00:00 2001
From: Stephanie Roy <stephanie@iterative.ai>
Date: Fri, 20 May 2022 11:16:37 -0400
Subject: [PATCH] Remove empty space in plots and make them more compact

---
 webview/src/plots/components/constants.ts       | 2 +-
 webview/src/plots/components/styles.module.scss | 9 +++------
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/webview/src/plots/components/constants.ts b/webview/src/plots/components/constants.ts
index 4792a51b1f..da24d77c43 100644
--- a/webview/src/plots/components/constants.ts
+++ b/webview/src/plots/components/constants.ts
@@ -8,7 +8,7 @@ const fontWeight = 'normal' as FontWeight
 
 const title = {
   font,
-  fontSize: 16,
+  fontSize: 12,
   fontWeight
 }
 
diff --git a/webview/src/plots/components/styles.module.scss b/webview/src/plots/components/styles.module.scss
index c7a10db2ba..212207634f 100644
--- a/webview/src/plots/components/styles.module.scss
+++ b/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;
@@ -306,6 +302,7 @@ $gap: 20px;
   height: 100%;
   background: none;
   border: none;
+  padding: 0;
 }
 
 .zoomedInPlot {