iconitos

Author: quiellll

Stratum/login/login.html

@@ -6,6 +6,7 @@
     <title>Stratum: Inicio de sesión</title>
     <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
     <link href="/css/flag-icon.css" rel="stylesheet"/>
 
     <style>
@@ -144,13 +145,15 @@ <h2 class="mb-0">
                 <form>
                     <div class="mb-3">
                         <label class="form-label">
+                            <i class="bi bi-person-fill me-2"></i>
                             <span class="es">Nombre de usuario</span>
                             <span class="en">Username</span>
                         </label>
                         <input type="text" class="form-control" id="username" required>
                     </div>
                     <div class="mb-4">
                         <label class="form-label">
+                            <i class="bi bi-key-fill me-2"></i>
                             <span class="es">Contraseña</span>
                             <span class="en">Password</span>
                         </label>

Stratum/login/profile.html

@@ -6,6 +6,7 @@
     <title>Stratum: Perfil de Usuario</title>
     <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
     <link href="/css/flag-icon.css" rel="stylesheet"/>
 
 
@@ -54,6 +55,8 @@
         .info-row {
             display: flex;
             justify-content: space-between;
+            align-items: center;
+            min-height: 2em;
             padding: 1rem;
             border-bottom: 1px solid rgba(121, 99, 85, 0.2);
         }
@@ -65,11 +68,16 @@
         .info-label {
             color: var(--earth-brown);
             font-size: 0.9em;
+            display: inline-flex;
+            align-items: center;
+            gap: 0.5rem;
         }
 
         .info-value {
             color: var(--deep-brown);
             font-weight: bold;
+            display: inline-flex;
+            align-items: center;
         }
 
         .rank-badge {
@@ -78,6 +86,9 @@
             padding: 0.25rem 0.75rem;
             border-radius: 4px;
             font-size: 0.9em;
+            display: inline-flex;
+            align-items: center;
+            height: fit-content;
         }
 
         .lang-toggle {
@@ -202,34 +213,39 @@ <h2 class="mb-0">
             <div class="card-body">
                 <div class="info-row">
                     <span class="info-label">
+                        <i class="bi bi-person-fill me-2"></i>
                         <span class="es">Usuario</span>
                         <span class="en">Username</span>
                     </span>
                     <span class="info-value" id="displayUsername">...</span>
                 </div>
                 <div class="info-row">
                     <span class="info-label">
+                        <i class="bi bi-award-fill me-2"></i>
                         <span class="es">Nivel</span>
                         <span class="en">Level</span>
                     </span>
                     <span class="info-value" id="userLevel"></span>
                 </div>
                 <div class="info-row">
                     <span class="info-label">
+                        <i class="bi bi-trophy-fill me-2"></i>
                         <span class="es">Puntos competitivos</span>
                         <span class="en">MMR</span>
                     </span>
                     <span class="info-value" id="userMMR"></span>
                 </div>
                 <div class="info-row">
                     <span class="info-label">
+                        <i class="bi bi-caret-up-fill me-2"></i>
                         <span class="es">Rango</span>
                         <span class="en">Rank</span>
                     </span>
                     <span class="rank-badge" id="userRank"></span>
                 </div>
                 <div class="info-row">
                     <span class="info-label">
+                        <i class="bi bi-credit-card-fill me-2"></i>
                         <span class="es">Suscripción</span>
                         <span class="en">Subscription</span>
                     </span>