From 664368fe1753e6e7197f66ab17e9e56eddd2e59a Mon Sep 17 00:00:00 2001
From: leangseu-edx <83240113+leangseu-edx@users.noreply.github.com>
Date: Tue, 15 Feb 2022 11:33:24 -0500
Subject: [PATCH] fix: add margin between button (#62)

* fix: add margin between button

* chore: bump margin one size up
---
 .../ReviewActions/__snapshots__/index.test.jsx.snap           | 4 ++--
 src/containers/ReviewActions/index.jsx                        | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/containers/ReviewActions/__snapshots__/index.test.jsx.snap b/src/containers/ReviewActions/__snapshots__/index.test.jsx.snap
index 0d7a7f5..a8a7bf7 100644
--- a/src/containers/ReviewActions/__snapshots__/index.test.jsx.snap
+++ b/src/containers/ReviewActions/__snapshots__/index.test.jsx.snap
@@ -38,7 +38,7 @@ exports[`ReviewActions component component snapshot: do not show rubric 1`] = `
     >
       <Button
         onClick={[MockFunction this.props.toggleShowRubric]}
-        variant="outline-primary"
+        variant="outline-primary mr-2"
       >
         <FormattedMessage
           defaultMessage="Show Rubric"
@@ -121,7 +121,7 @@ exports[`ReviewActions component component snapshot: show rubric, no score 1`] =
     >
       <Button
         onClick={[MockFunction this.props.toggleShowRubric]}
-        variant="outline-primary"
+        variant="outline-primary mr-2"
       >
         <FormattedMessage
           defaultMessage="Hide Rubric"
diff --git a/src/containers/ReviewActions/index.jsx b/src/containers/ReviewActions/index.jsx
index b70a6a8..72936d3 100644
--- a/src/containers/ReviewActions/index.jsx
+++ b/src/containers/ReviewActions/index.jsx
@@ -42,7 +42,7 @@ export const ReviewActions = ({
       <div className="review-actions-group">
         {isLoaded && (
           <>
-            <Button variant="outline-primary" onClick={toggleShowRubric}>
+            <Button variant="outline-primary mr-2" onClick={toggleShowRubric}>
               <FormattedMessage {...(showRubric ? messages.hideRubric : messages.showRubric)} />
             </Button>
             <StartGradingButton />