fix: dashboard grid (#3028)

* fix: dashboard grid

* fix: row gap between labels

Author: David Kim

src/dashboards/components/DashboardsCardGrid.scss

@@ -21,7 +21,7 @@ $dashboard-grid-gap: $cf-marg-a;
   padding-bottom: $cf-marg-d;
   display: grid;
   grid-template-columns: minmax(100%, 1fr);
-  grid-auto-rows: $cf-space-3xl + $cf-space-3xl + $cf-space-m;
+  grid-auto-rows: min-content;
   grid-column-gap: $dashboard-grid-gap;
   grid-row-gap: $dashboard-grid-gap;
   height: 100%;

src/shared/components/inlineLabels/InlineLabels.scss

@@ -17,6 +17,7 @@ $inline-labels--margin: $ix-border / 2;
   flex-wrap: wrap;
   padding: $inline-labels--margin;
   column-gap: $cf-space-3xs;
+  row-gap: $cf-space-3xs;
 
   > .cf-label {
     margin: $inline-labels--margin;

src/shared/components/inlineLabels/InlineLabelsEditor.scss

@@ -9,6 +9,7 @@
   display: flex;
   align-items: center;
   column-gap: $cf-space-3xs;
+  row-gap: $cf-space-3xs;
 }
 
 .inline-labels--add-wrapper {