fix button alignment on reviews admin bar

opentech/apply/review/templates/review/review_list.html

@@ -5,16 +5,14 @@
 
 {% block content %}
 <div class="wrapper wrapper--breakout wrapper--admin">
-    <div class="wrapper wrapper--medium">
+    <div class="wrapper wrapper--medium wrapper--reviews">
         <div>
             <h1 class="beta heading heading--no-margin heading--bold">Reviews</h1>
             <h5>For <a href="{% url "funds:submissions:detail" submission.id %}">{{ submission.title }}</a></h5>
         </div>
         {% if request.user|has_review_perm:submission %}
             {% if request.user|has_draft:submission or request.user|can_review:submission %}
-                <div class="wrapper wrapper--cta-box">
-                    {% include 'review/includes/review_button.html' with submission=submission %}
-                </div>
+                {% include 'review/includes/review_button.html' with submission=submission %}
             {% endif %}
         {% endif %}
     </div>

opentech/static_src/src/sass/apply/components/_wrapper.scss

@@ -321,4 +321,13 @@
             cursor: all-scroll;
         }
     }
+
+    &--reviews {
+        @include media-query(tablet-portrait) {
+            display: flex;
+            align-items: center;
+            flex-direction: row;
+            justify-content: space-between;
+        }
+    }
 }