Update templates/buscador_trauma.html

templates/buscador_trauma.html

@@ -21,6 +21,33 @@
             text-align: center;
             padding: 20px;
         }
+
+        .container {
+            display: grid;
+            grid-template-columns: repeat(5, 1fr);
+            grid-template-rows: 1fr;
+            grid-gap: 10px;
+            align-items: center;
+        }
+
+        .element {
+            text-align: center;
+            max-height: 100%;
+        }
+
+        img {
+            max-width: 15%;
+            height: auto;
+        }
+        .text {
+            font-size: 36px; /* Tamaño de letra deseado */
+        }
+        .text2 {
+            font-size: 24px; /* Tamaño de letra deseado */
+        }
+
+
+      
         /* Estilos para pantallas pequeñas (por ejemplo, hasta 768px) */
         @media screen and (max-width: 768px) {
             .quiro {
@@ -47,16 +74,25 @@
         <hr/>	
     		<div class="header">
     <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;">
-        
-        <span style="display: flex; align-items: left; white-space: nowrap;">
-            <img src="{{ user_image7 }}" alt="" style="max-width: 5%;" onclick="location.href='/especialidad'"> Traumatología
-            
-        </span>
-        <span style="display: flex; align-items: right; white-space: nowrap;">
-           
-            <img src="{{ user_image6 }}" alt="" style="max-width: 5%;"> AJUSTES
-        </span>
-    </h2>
+
+            <div class="container">
+                <div class="element">
+                    <img src="{{ user_image7 }}" alt="Imagen 1">
+                </div>
+                <div class="element">
+                    <p class="text2">Volver</p>
+                </div>
+                <div class="element">
+                    <p class="text">TRAUMATOLOGIA</p>
+                </div>
+                <div class="element">
+                    <p class="text2">Ajustes</p>
+                </div>
+                <div class="element">
+                    <img src="{{ user_image6 }}" alt="Imagen 2">
+                </div>
+            </div>
+        </h2>
 </div>
 
         <hr/>