ajustes en lista de la compra

fuel/app/views/listacompra/index.twig

@@ -25,6 +25,7 @@
                     </div>
 
                     <div class="container-box-border-box">
+                        <div class="div-scrollable-lista">
                             <form class="ac-custom ac-checkmark" autocomplete="off">
                                   <ul class="text-left ml0">
                                       {% if count(ingredients) == 0 %}
@@ -38,14 +39,15 @@
                         </div>
                     </div>
                 </div>
+            </div>
             <div class="col-md-6">
                 <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***************************************************************/
 /****************************************************************************************************************************************/