From c07a3dd2e7f4b5c8c745d391c02d1aba1be341c7 Mon Sep 17 00:00:00 2001
From: Italo Santiago <itu.moraes@gmail.com>
Date: Tue, 2 Aug 2016 10:15:35 -0300
Subject: [PATCH] Fix the modal and dismiss button positioning

---
 .../assets/stylesheets/locastyle/modules/_modal.sass   | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/source/assets/stylesheets/locastyle/modules/_modal.sass b/source/assets/stylesheets/locastyle/modules/_modal.sass
index 671528733..a24a7aed7 100644
--- a/source/assets/stylesheets/locastyle/modules/_modal.sass
+++ b/source/assets/stylesheets/locastyle/modules/_modal.sass
@@ -26,8 +26,8 @@ $paddingDefault: 20px
 
 .ls-modal-box
   display: inline-block
-  width: 95%
-  margin: 10% 20px 0
+  width: 90%
+  margin: 5% auto 0
   text-align: left
   background-color: #fff
   border-radius: $default-radius
@@ -44,10 +44,11 @@ $paddingDefault: 20px
 .ls-modal-header
   padding: $paddingDefault
   border-bottom: 1px solid $gray1
+  position: relative
 
   [data-dismiss]
     position: absolute
-    right: 10px
+    right: 20px
     top: 14px
     border: none
     background: none
@@ -65,6 +66,7 @@ $paddingDefault: 20px
     padding: 0
     margin: 0
     font-size: remtopx(1)
+    width: calc(100% - 20px)
 
 .ls-modal-body
   padding: $paddingDefault
@@ -77,7 +79,6 @@ $paddingDefault: 20px
   border-top: 1px solid $gray1
 
 .ls-modal-feedbackr
-
   .ls-modal-box
     width: 627px
     height: 600px
@@ -97,6 +98,7 @@ $paddingDefault: 20px
 @media screen and (min-width: $screen-sm)
   .ls-modal-box
     width: $defaultWidth
+    margin: 10% 20px 0
 
   .ls-modal-large
     width: $largeWidth