ajustes responsive

fuel/app/views/consultas/list.twig

@@ -9,8 +9,8 @@
     </div>
 
     <!--box con titulos de columnas-->
-    <div class="row bg-color-other whitecolor hidden-xs hidden-sm mt10 p10">
-        <div class="col-xs-11">
+    <div class="row bg-color-other whitecolor hidden-xs hidden-sm mt30 p10">
+        <div class="col-xs-10">
             <div class="col-md-6">
                 <label>Asunto</label>
             </div>
@@ -21,7 +21,7 @@
                 <label>Estado</label>
             </div>
         </div>
-        <div class="col-xs-1"></div>
+        <div class="col-xs-2"></div>
     </div>
 
 
@@ -31,7 +31,7 @@
         <div class="pointer">
             <a href="{{ url('consultas-nutricionista/ver')}}">
                 <div class="row item-list-style">
-                    <div class="col-xs-11">
+                    <div class="col-xs-10">
                         <div class="col-md-6">
                             <p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p>
                         </div>
@@ -42,7 +42,7 @@
                             <p class="color-lista-compra"><i class="fa fa-clock-o"></i> Pendiente</p>
                         </div>
                     </div>
-                    <div class="col-xs-1 text-right"><i class="fa fa-angle-right"></i></div>
+                    <div class="col-xs-2 text-right"><i class="fa fa-angle-right"></i></div>
                 </div>
              </a>
         </div>
@@ -51,7 +51,7 @@
         <div class="pointer">
             <a href="{{ url('consultas-nutricionista/ver')}}">
                 <div class="row item-list-style">
-                    <div class="col-xs-11">
+                    <div class="col-xs-10">
                         <div class="col-md-6">
                             <p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p>
                         </div>
@@ -62,7 +62,7 @@
                             <p class="color-perfil"><i class="fa fa-check"></i>Leída</p>
                         </div>
                     </div>
-                    <div class="col-xs-1 text-right"><i class="fa fa-angle-right"></i></div>
+                    <div class="col-xs-2 text-right"><i class="fa fa-angle-right"></i></div>
                 </div>
             </a>
         </div>
@@ -71,7 +71,7 @@
         <div class="pointer">
             <a href="{{ url('consultas-nutricionista/ver')}}">
                 <div class="row item-list-style">
-                    <div class="col-xs-11">
+                    <div class="col-xs-10">
                         <div class="col-md-6">
                             <p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p>
                         </div>
@@ -82,7 +82,7 @@
                             <p class="color-menus-saludables"><i class="fa fa-envelope"></i> Respuesta</p>
                         </div>
                     </div>
-                    <div class="col-xs-1 text-right"><i class="fa fa-angle-right"></i></div>
+                    <div class="col-xs-2 text-right"><i class="fa fa-angle-right"></i></div>
                 </div>
              </a>
         </div>

fuel/app/views/consultas/ver.twig

@@ -36,12 +36,12 @@
             <!--respuesta NUTRICIONISTA -->
             <div class="row">
                 {#icono cliente#}
-                <div class="col-xs-2 text-center">
+                <div class="col-sm-2 text-center">
                     <img src="assets/img/consultas/nutricionista_sm.png" class="img-responsive-custom img-circle"/>
                     <p class="mt10">Victoria Fagundez</p>
                 </div>
                 {#contenido#}
-                <div class="col-xs-10">
+                <div class="col-sm-10">
                     <p class="font-dark"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dignissim sit amet nibh at ultrices. Cras bibendum, turpis ac dapibus feugiat, lorem nisl porttitor enim, sed finibus ligula diam vitae erat. Sed justo magna, accumsan in blandit euismod, interdum eu dui. Aliquam erat volutpat. Donec sodales velit et ullamcorper dignissim. Aliquam euismod porta leo, ac pellentesque turpis rhoncus vitae. Sed non tempor ante. Duis non venenatis mauris, eu ultricies justo. Praesent at augue ante.</p>
                     <p><i class="fa fa-calendar"></i> 13/04/2019</p>
                 </div>
@@ -59,12 +59,12 @@
             <!--respuesta NUTRICIONISTA -->
             <div class="row">
                 {#icono cliente#}
-                <div class="col-xs-2 text-center">
+                <div class="col-sm-2 text-center">
                     <img src="assets/img/consultas/nutricionista_sm.png" class="img-responsive-custom img-circle"/>
                     <p class="mt10">Victoria Fagundez</p>
                 </div>
                 {#contenido#}
-                <div class="col-xs-10">
+                <div class="col-sm-10">
                     <p class="font-dark"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dignissim sit amet nibh at ultrices. Cras bibendum, turpis ac dapibus feugiat, lorem nisl porttitor enim, sed finibus ligula diam vitae erat. Sed justo magna, accumsan in blandit euismod, interdum eu dui. Aliquam erat volutpat. Donec sodales velit et ullamcorper dignissim. Aliquam euismod porta leo, ac pellentesque turpis rhoncus vitae. Sed non tempor ante. Duis non venenatis mauris, eu ultricies justo. Praesent at augue ante.</p>
                     <p><i class="fa fa-calendar"></i> 15/04/2019</p>
                 </div>
@@ -73,10 +73,10 @@
             {#**********************************************FORMULARIO RESPUESTA**********************************************#}
             <hr>
             <div class="row">
-                <div class="col-xs-11">
+                <div class="col-sm-10 col-md-11">
                     <textarea rows="5"  class="form-control" name="subject" id="body" value="" placeholder="Responder..."></textarea>
                 </div>
-                <div class="col-xs-1">
+                <div class="col-sm-2  col-md-1">
                     <div class="mt20">
                         <a class="btn btn-custom btn-other" title="Enviar"><i class="fa fa-send"></i></a>
                     </div>