Make it responsive

358545b8 · Alfredo Sumaran · 95cc46a4 · 358545b8
Commit 358545b8 authored Mar 17, 2016 by Alfredo Sumaran
Hide whitespace changes
Inline Side-by-side

Showing with 6 additions and 2 deletions

app/assets/stylesheets/pages/profile.scss app/assets/stylesheets/pages/profile.scss +6 -2

No files found.
--- a/app/assets/stylesheets/pages/profile.scss
+++ b/app/assets/stylesheets/pages/profile.scss
@@ -201,11 +201,15 @@
 .modal-profile-crop {
  .modal-dialog {
    width: 380px;
+
+    @media (max-width: $screen-sm-min) {
+      width: auto;
+    }
+
  }

  .profile-crop-image-container {
-    width: 350px;
-    height: 350px;
+    height: 300px;
    margin: 0 auto;
  }