Update templates/materiales.html

templates/materiales.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 */
@@ -69,15 +75,25 @@
       
 		<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 3rem; background-color: palevioletred; 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">INSTRUMENTAL - CAJAS</p>
                 </div>
+                <!--<div class="element">
+                    <p class="text2">Ajustes</p>
+                </div>-->
+                
+                    <img class="img2" src="{{ user_image6 }}" alt="Config." onclick="location.href='/ajustes'" style="cursor: pointer;">
+
                 
             </div>
     </h2>