Style approvals body for small screens.

6fa89b1f · Bryce Johnson · 4ae71a90 · 6fa89b1f
Commit 6fa89b1f authored Dec 19, 2016 by Bryce Johnson
Hide whitespace changes
Inline Side-by-side

Showing with 9 additions and 2 deletions

app/assets/stylesheets/pages/merge_requests.scss app/assets/stylesheets/pages/merge_requests.scss +9 -2

No files found.
--- a/app/assets/stylesheets/pages/merge_requests.scss
+++ b/app/assets/stylesheets/pages/merge_requests.scss
@@ -433,8 +433,15 @@
  border-top: 1px solid $well-inner-border;
 }

-.approvals-body .approve-btn {
-  margin-top: 20px;
+
+.approvals-body {
+  @media (max-width: $screen-xs-max) {
+    text-align: center;
+  }
+
+  .approve-btn {
+    margin-top: 10px;
+  }
 }

 .approvals-footer {