#3 <@souzabruna, lucimarNeves> - responsividade

HemoHeroes · Oct 10, 2016 · eeb3c12 · eeb3c12
1 parent dee73b1
commit eeb3c12
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/app/assets/stylesheets/components/Modal.scss b/app/assets/stylesheets/components/Modal.scss
@@ -89,17 +89,19 @@
       margin: 5px;
       padding-top: 2px;
     }
-
   }
 
   &-confirmation {
     border-left: 1px solid $border-color;
     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
@@ -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>