Merge pull request #162 from grafana/joey/investigate-panel-styling

Add more spacing between panels in comparison view
grafana · Aug 28, 2024 · 5e8b48f · 5e8b48f
2 parents e61a601 + a00f573
commit 5e8b48f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/Explore/layouts/HighestDifferencePanel.tsx b/src/components/Explore/layouts/HighestDifferencePanel.tsx
@@ -94,6 +94,7 @@ function getStyles(theme: GrafanaTheme2) {
       border: `1px solid ${theme.colors.secondary.border}`,
       background: theme.colors.background.primary,
       padding: '8px',
+      marginBottom: theme.spacing(2),
       fontSize: '12px',
     }),
     differenceValue: css({

diff --git a/src/components/Explore/layouts/allComparison.ts b/src/components/Explore/layouts/allComparison.ts
@@ -16,7 +16,7 @@ export function buildAllComparisonLayout(
   return new ByFrameRepeater({
     body: new SceneCSSGridLayout({
       templateColumns: GRID_TEMPLATE_COLUMNS,
-      autoRows: '300px',
+      autoRows: '320px',
       children: [],
     }),
     getLayoutChild: getLayoutChild(getFrameName, actionsFn, metric),