web: change code monitoring form label margins (#22954)

sourcegraph · Jul 19, 2021 · 69cced7 · 69cced7
1 parent a2cc571
commit 69cced7
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/client/web/src/enterprise/code-monitoring/components/CodeMonitorForm.tsx b/client/web/src/enterprise/code-monitoring/components/CodeMonitorForm.tsx
@@ -152,7 +152,7 @@ export const CodeMonitorForm: React.FunctionComponent<CodeMonitorFormProps> = ({
                         <input
                             id="code-monitor-form-name"
                             type="text"
-                            className="form-control my-2 test-name-input"
+                            className="form-control mb-2 test-name-input"
                             required={true}
                             onChange={event => {
                                 onNameChange(event.target.value)
@@ -178,7 +178,7 @@ export const CodeMonitorForm: React.FunctionComponent<CodeMonitorFormProps> = ({
                         <label htmlFor="code-monitor-form-owner">Owner</label>
                         <select
                             id="code-monitor-form-owner"
-                            className="form-control my-2 code-monitor-form__owner-dropdown w-auto"
+                            className="form-control mb-2 code-monitor-form__owner-dropdown w-auto"
                             disabled={true}
                         >
                             <option value={authenticatedUser.displayName || authenticatedUser.username}>

diff --git a/client/web/src/enterprise/code-monitoring/components/FormActionArea.tsx b/client/web/src/enterprise/code-monitoring/components/FormActionArea.tsx
@@ -139,7 +139,7 @@ export const FormActionArea: React.FunctionComponent<ActionAreaProps> = ({
                         <input
                             id="code-monitoring-form-actions-recipients"
                             type="text"
-                            className="form-control my-2"
+                            className="form-control mb-2"
                             value={`${authenticatedUser.email || ''} (you)`}
                             disabled={true}
                             autoFocus={true}

diff --git a/.../web/src/enterprise/code-monitoring/components/__snapshots__/FormActionArea.test.tsx.snap b/.../web/src/enterprise/code-monitoring/components/__snapshots__/FormActionArea.test.tsx.snap
@@ -65,7 +65,7 @@ exports[`FormActionArea Error is shown if code monitor has empty description 1`]
       </label>
       <input
         autoFocus={true}
-        className="form-control my-2"
+        className="form-control mb-2"
         disabled={true}
         id="code-monitoring-form-actions-recipients"
         required={true}