From bc396429b61504ea281e79d347f19fe4a99508ee Mon Sep 17 00:00:00 2001
From: Leangseu Kim <lkim@edx.org>
Date: Wed, 29 Sep 2021 10:37:50 -0400
Subject: [PATCH] make submission navigation float right

---
 src/containers/ReviewModal/ReviewModal.scss         | 10 ++++++++++
 src/containers/ReviewModal/SubmissionNavigation.jsx |  4 ++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/containers/ReviewModal/ReviewModal.scss b/src/containers/ReviewModal/ReviewModal.scss
index 681e053..309ca6b 100644
--- a/src/containers/ReviewModal/ReviewModal.scss
+++ b/src/containers/ReviewModal/ReviewModal.scss
@@ -16,6 +16,12 @@
   .review-actions-group {
     margin-left: 0;
     flex-shrink: 0;
+    align-self: stretch;
+
+    .submission-navigation {
+      float: right;
+      padding: map-get($spacers, 1);
+    }
   }
 }
 
@@ -24,6 +30,10 @@
     flex-direction: column;
     align-items: flex-start !important;
   }
+
+  .review-actions-username {
+    padding-bottom: map-get($spacers, 3);
+  }
 }
 
 .review-modal-body {
diff --git a/src/containers/ReviewModal/SubmissionNavigation.jsx b/src/containers/ReviewModal/SubmissionNavigation.jsx
index 402ca81..301f43c 100644
--- a/src/containers/ReviewModal/SubmissionNavigation.jsx
+++ b/src/containers/ReviewModal/SubmissionNavigation.jsx
@@ -19,7 +19,7 @@ export const SubmissionNavigation = ({
   activeIndex,
   selectionLength,
 }) => (
-  <>
+  <span className="submission-navigation">
     <IconButton
       size="inline"
       disabled={!hasPrevSubmission}
@@ -37,7 +37,7 @@ export const SubmissionNavigation = ({
       iconAs={Icon}
       onClick={loadNext}
     />
-  </>
+  </span>
 );
 SubmissionNavigation.defaultProps = {
 };