Update templates/buscador_trauma.html

templates/buscador_trauma.html

@@ -23,7 +23,7 @@
         }
         .container {
             display: grid;
-            grid-template-columns: repeat(5, 1fr);
+            grid-template-columns: 1fr 3fr 1fr;
             grid-template-rows: 1fr;
             grid-gap: 10px;
             align-items: center;
@@ -32,9 +32,15 @@
             text-align: center;
             max-height: 100%;
         }
-        img {
+        .img1 {
             max-width: 15%;
             height: auto;
+            cursor: pointer;
+        }
+        .img2 {
+            max-width: 75%;
+            height: auto;
+            cursor: pointer;
         }
         .text {
             font-size: 36px; /* Tamaño de letra deseado */
@@ -68,21 +74,25 @@
 	-->
     <h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 3rem; background-color: darkcyan; max-width: 100%; overflow: hidden; display: flex; align-items: center;">
     	<div class="container">
-                <div class="element">
-                    <img src="{{ user_image7 }}" alt="Atrás" onclick="location.href='/especialidad'">
-                </div>
-                <div class="element">
+                <script>
+                    function retroceder() {
+                      history.back();
+                    }
+                  </script>
+                  <img class="img2" src="{{ user_image7 }}" alt="Atrás" onclick="retroceder()" style="cursor: pointer;">
+             
+                <!--<div class="element">
                     <p class="text2">Volver</p>
-                </div>
+                </div>-->
                 <div class="element">
                     <p class="text">TRAUMATOLOGÍA</p>
                 </div>
-                <div class="element">
+                <!--<div class="element">
                     <p class="text2">Ajustes</p>
-                </div>
-                <div class="element">
-                    <img src="{{ user_image6 }}" alt="Config." onclick="location.href='/ajustes'">
-                </div>
+                </div>-->
+                
+                    <img class="img2" src="{{ user_image6 }}" alt="Config." onclick="location.href='/ajustes'" style="cursor: pointer;">
+
             </div>
     </h2>
   </div>       
@@ -93,7 +103,7 @@
 			<br>-->
             <div class="input-container">
                 <input type="search" name="busqueda" placeholder="Escriba aquí la búsqueda a realizar" style="box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); width: 80%; border: 3px solid black; border-radius: 10px; font-size: 1.5rem; height: 50px;" required="required">
-                <button type="submit" class="btn btn-primary btn-block btn-large" style="padding-bottom: 1%; width: 50px; background-color: rgb(0, 128, 255); border: 1px solid white; border-radius: 30%; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); height: 50px;"><img src="{{ user_image4 }}" alt="" style="max-width: 100%; height: 100%; padding-bottom: 0.5%;"></button>
+                <button type="submit" class="btn btn-primary btn-block btn-large" style="padding-bottom: 1%; width: 50px; background-color: rgb(0, 128, 255); border: 1px solid white; border-radius: 30%; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); height: 50px; vertical-align: middle;"><img src="{{ user_image4 }}" alt="" style="max-width: 100%; height: 100%; padding-bottom: 0.5%;"></button>
             </div>
 			<b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
 			{% for nid,titulo in result_busqueda.items() %}
@@ -119,26 +129,26 @@
 			<table id="miTabla" style="border-collapse: collapse; border: none;">
             	<tr>
         		<td>
-        			<img src="{{ user_image8 }}" style="max-width:70%;" onclick="location.href='/pdf_casa_trauma?link2={{nid2}}'">
+        			<img class="img1" src="{{ user_image8 }}" style="max-width:70%;" onclick="location.href='/pdf_casa_trauma?link2={{nid2}}'">
         		</td>
         		<td>
-        			<img src="{{ user_image9 }}" style="max-width:70%;" onclick="location.href='/protocolos_trauma?link2={{nid2}}'">
+        			<img class="img1" src="{{ user_image9 }}" style="max-width:70%;" onclick="location.href='/protocolos_trauma?link2={{nid2}}'">
         		</td>
         		<td>
-        			<img src="{{ user_image10 }}" style="max-width:70%;" onclick="location.href='/guia_visual_trauma?link2={{nid2}}'">
+        			<img class="img1" src="{{ user_image10 }}" style="max-width:70%;" onclick="location.href='/guia_visual_trauma?link2={{nid2}}'">
         		</td>
             	</tr>
             	<tr>
         		<td>
-        			<img src="{{ user_image11 }}" style="max-width:70%;" onclick="location.href='/videos_trauma?link2={{nid2}}'">
+        			<img class="img1" src="{{ user_image11 }}" style="max-width:70%;" onclick="location.href='/videos_trauma?link2={{nid2}}'">
         		</td>
         		<td>
-        			<img src="{{ user_image12 }}" style="max-width:70%;" onclick="location.href='/materiales_trauma?link2={{nid2}}'">
+        			<img class="img1" src="{{ user_image12 }}" style="max-width:70%;" onclick="location.href='/materiales_trauma?link2={{nid2}}'">
         		</td>
         		<td>
-        			<img src="{{ preguntas_respuestas }}" style="max-width:60%;" onclick="location.href='/preguntas_respuestas_trauma?link2={{nid2}}'">
+        			<img class="img1" src="{{ preguntas_respuestas }}" style="max-width:60%;" onclick="location.href='/preguntas_respuestas_trauma?link2={{nid2}}'">
       			<br />
-        			<img src="{{ user_image5 }}" style="max-width:60%;border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_trauma1'">
+        			<img class="img1" src="{{ user_image5 }}" style="max-width:60%;border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_trauma1'">
         		</td>
             	</tr>
             </table>