Update templates/guia_visual.html

templates/guia_visual.html

@@ -81,12 +81,13 @@
     </h2>
   </div> 
 			<form action="{{url_for('guia_visual_trauma')}}" method="post">
-			 <div style="display: flex; flex-direction: column; align-items: right; justify-content: flex-start;">
+			 <div style="display: flex; flex-direction: column; align-items: flex-start; width: 100%;">
               {% 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: right; margin-bottom: 10px;">
+               <div style="display: flex; align-items: center; margin-bottom: 10px; width: 100%;">
                 <!--<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; padding-left: 50px; background-image: url('{{ abrir }}'); background-repeat: no-repeat; background-size: 40px 40px;background-position: center;" onclick="location.href='{{ url }}'">
+                
+                 <input type="button" value="" style="background-color: white; font-size: 2.5rem; width: 60px; height: 60px; margin-right: 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>
                  <!--<strong style="font-size: 2.5rem; font-family: Arial, Helvetica, sans-serif;">{{ titulo }}</strong>-->