From eeb3c12a8de8bc98fff4fd2ed868871ae6d23a8c Mon Sep 17 00:00:00 2001
From: shemoreira <sheilanara.web@hotmail.com>
Date: Mon, 10 Oct 2016 15:50:26 -0300
Subject: [PATCH] #3 <@souzabruna, lucimarNeves> - responsividade

---
 app/assets/stylesheets/components/Modal.scss |  4 +++-
 app/views/components/index.html.erb          | 10 ++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/components/Modal.scss b/app/assets/stylesheets/components/Modal.scss
index 4ec61e1..1b4a74a 100644
--- a/app/assets/stylesheets/components/Modal.scss
+++ b/app/assets/stylesheets/components/Modal.scss
@@ -89,7 +89,6 @@
       margin: 5px;
       padding-top: 2px;
     }
-
   }
 
   &-confirmation {
@@ -97,9 +96,12 @@
     float: right;
     margin-top: 15px;
     padding: 0 15px;
+
     @include mobile {
       border-top: 1px solid $border-color;
       border-left: 0;
+      text-align: center;
+
     }
   }
 
diff --git a/app/views/components/index.html.erb b/app/views/components/index.html.erb
index cc7e884..6605d9c 100644
--- a/app/views/components/index.html.erb
+++ b/app/views/components/index.html.erb
@@ -34,8 +34,8 @@
             <h2 class="Modal-subTitle">Doadores Solicitados:</h2>
 
           </div>
-
-          <div class="Grid-cell u-size6of12">
+<!-- 2 -->
+          <div class="Grid-cell u-desktop-size4of12 u-tablet-size6of12 u-mobile-sizefull">
             <div class="Modal-typesRequest">
               <div>
                 <li>17 do tipo A+</li>
@@ -45,8 +45,9 @@
               </div>
             </div>
           </div>
+          <!--3 -->
 
-          <div class="Grid-cell u-size6of12">
+          <div class="Grid-cell u-desktop-size4of12 u-tablet-size6of12 u-mobile-sizefull">
             <div class="Modal-confirmation">
               <span>Enviar solicitação aos doadores dos tipos sanguíneos necessários?</span>
               <!-- BOTAO CANCELAR BOTAO ENVIAR -->
@@ -59,6 +60,7 @@
                     </div>
                   </div>
 
+
                   <div class="Grid-cell u-size5of10">
                     <div class="Button" id="cancelmodal" onclick="Modal.close()">
                       Cancelar
@@ -70,7 +72,7 @@
 
             </div>
           </div>
-
+<!-- -->
         </div>
       </div>