ajustes en lista de la compra

fuel/app/views/listacompra/index.twig

@@ -25,16 +25,18 @@
                     </div>
 
                     <div class="container-box-border-box">
-                        <form class="ac-custom ac-checkmark" autocomplete="off">
-                              <ul class="text-left ml0">
-                                  {% if count(ingredients) == 0 %}
-                                    <h4>Sin Ingredientes</h4>
-                                  {% endif %}
-                                {% for i in ingredients %}
-                                    <li> <input id="check_{{ i.id }}" name="check_{{ i.id }}" type="checkbox" rel="{{ i.id }}"/><label for="check_{{ i.id }}">{{ i.desc }}</label></li>
-                                {% endfor %}
-                              </ul>
-                        </form>
+                        <div class="div-scrollable-lista">
+                            <form class="ac-custom ac-checkmark" autocomplete="off">
+                                  <ul class="text-left ml0">
+                                      {% if count(ingredients) == 0 %}
+                                        <h4>Sin Ingredientes</h4>
+                                      {% endif %}
+                                    {% for i in ingredients %}
+                                        <li> <input id="check_{{ i.id }}" name="check_{{ i.id }}" type="checkbox" rel="{{ i.id }}"/><label for="check_{{ i.id }}">{{ i.desc }}</label></li>
+                                    {% endfor %}
+                                  </ul>
+                            </form>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -42,10 +44,10 @@
                 <h3 class="mt40" >Puedes editar tu lista de la compra borrando y añadiendo productos.</h3>
                 <!--botones-->
                 <div class="row ">
-                    <div class="col-md-6">
+                    <div class="col-xs-6">
                         <button  class="btn btn-custom btn-delete mt20" data-toggle="modal" data-target="#modalDelete" ><i class="fa fa-trash"></i> Todos</button>
                     </div>
-                    <div class="col-md-6">
+                    <div class="col-xs-6">
                         <button  class="btn btn-custom btn-delete mt20"  data-toggle="modal" data-target="#modalDelete"><i class="fa fa-trash"></i> Marcados</button>
                     </div>
                 </div>

fuel/app/views/listacompra/modal_add_product.twig

@@ -10,11 +10,12 @@
                 <div class="text-center">
                     <img src="assets/img/listacompra/add_producto.png" class="img-responsive-custom mt40"/>
                     <h2>AÑADIR PRODUCTO</h2>
+                    <p>Los productos que añadas manualmente no se enviarán a DelSuper en el caso de que elijas esta opción de compra.</p>
                 </div>
 
-                <div class="content pb40">
+                <div class="content pb40 mt40">
                     <form>
-                        <p>Producto</p>
+                        <label>Producto</label>
                          <input type="text" class="form-control" name="product" id="product" value=""/>
 
                         <div class="mt20">

public/assets/css/custom.css

@@ -979,6 +979,19 @@ a:focus {
     }
 }
 
+/****************************************************LISTA DE LA COMPRA***************************************************************/
+/*******************************************************************************************************************************************/
+.div-scrollable-lista{
+    overflow-y: scroll;
+    height:400px;
+}
+@media (min-width:1600px){
+    .div-scrollable-lista{
+        overflow-y: scroll;
+        height:500px;
+    }
+}
+
 /*****************************************************************************************************************************************/
 /*********************************************************MENÚS SALUDABLES***************************************************************/
 /****************************************************************************************************************************************/