Update templates/guia_visual.html

templates/guia_visual.html

@@ -81,20 +81,20 @@
     </h2>
   </div> 
 			<form action="{{url_for('guia_visual_trauma')}}" method="post">
-			<div style="display: flex; align-items: center;">
+			 <div style="display: flex; flex-direction: column; align-items: center;">
               {% for titulo, url in guia_visual.items() %}
               <!--<input type="button" value="" style="background-color: black; font-size: 2.5rem; margin-bottom: 10px; padding-left: 50px; src= "{{ abrir }}"; background-repeat: no-repeat; background-size: 40px 40px;"onclick="location.href='{{ url }}'">-->
-              <div style="display: flex; align-items: center;">
+               <div style="display: flex; align-items: center; margin-bottom: 10px;">
                 <!--<img src="{{ abrir }}" alt="Imagen" style="max-width: 40px; max-height: 40px; margin-right: 10px;">-->
                 <input type="button" value="" style="background-color: white; font-size: 2.5rem; margin-bottom: 10px; padding-left: 50px; background-image: url('{{ abrir }}'); background-repeat: no-repeat; background-size: 40px 40px;background-position: center;" onclick="location.href='{{ url }}'">
                 <strong style="font-size: 2.5rem; font-family: Arial, Helvetica, sans-serif;">{{ titulo }}</strong>
               
-              </div>
+               </div>
 
               <!--<input type="button" value="" style="background-color: white; font-size: 2.5rem; margin-bottom: 10px; padding-left: 50px; background-image: url('{{ abrir }}'); background-repeat: no-repeat; background-size: 40px 40px;background-position: center;" onclick="location.href='{{ url }}'">-->
               
-              <br>
-              <hr/>
+               <br>
+               <hr/>
               {% endfor %}
               
             </div>
@@ -116,7 +116,7 @@
 
 			
 			
-			</form>
+		    </form>