From d2814df8b63a83ea9bffdf063b2c3e6b25174179 Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Fri, 26 May 2023 14:38:07 +0100
Subject: [PATCH] Browse: fix spacing on old browse checkboxes (#69155)

fix styling on old browse checkboxes
---
 public/app/features/search/components/SearchItem.tsx         | 4 ++++
 public/app/features/search/page/components/FolderSection.tsx | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/public/app/features/search/components/SearchItem.tsx b/public/app/features/search/components/SearchItem.tsx
index 0aab8a0657f..60de8daf986 100644
--- a/public/app/features/search/components/SearchItem.tsx
+++ b/public/app/features/search/components/SearchItem.tsx
@@ -69,6 +69,7 @@ export const SearchItem = ({ item, isSelected, editable, onToggleChecked, onTagS
   return (
     <div className={styles.cardContainer}>
       <SearchCheckbox
+        className={styles.checkbox}
         aria-label="Select dashboard"
         editable={editable}
         checked={isSelected}
@@ -124,6 +125,9 @@ const getStyles = (theme: GrafanaTheme2) => {
       padding: ${theme.spacing(1)} ${theme.spacing(2)};
       margin-bottom: 0;
     `,
+    checkbox: css({
+      marginRight: theme.spacing(1),
+    }),
     metaContainer: css`
       display: flex;
       align-items: center;
diff --git a/public/app/features/search/page/components/FolderSection.tsx b/public/app/features/search/page/components/FolderSection.tsx
index f5af53456f2..0ce2aa52046 100644
--- a/public/app/features/search/page/components/FolderSection.tsx
+++ b/public/app/features/search/page/components/FolderSection.tsx
@@ -149,6 +149,7 @@ export const FolderSection = ({
           {selectionToggle && selection && (
             <div onClick={onToggleFolder}>
               <Checkbox
+                className={styles.checkbox}
                 value={selection(section.kind, section.uid)}
                 aria-label={t('search.folder-view.select-folder', 'Select folder')}
               />
@@ -232,5 +233,8 @@ const getSectionHeaderStyles = (theme: GrafanaTheme2, editable: boolean) => {
       place-content: center;
       padding-bottom: 1rem;
     `,
+    checkbox: css({
+      marginRight: theme.spacing(1),
+    }),
   };
 };