devuelvo las letras a los botones de la barra inferior móvil

apps/web/src/lib/ui/layout/AppShell.svelte

@@ -101,7 +101,7 @@
         /></svg
       ></span
     >
-    <span class="label">Recordatorios</span>
+    <span class="label">Alertas</span>
   </a>
   <a
     href="/app/integrations"
@@ -246,7 +246,7 @@
     }
     .tabbar a,
     .tabbar button {
-      display: inline-flex;
+      display: grid;
       align-items: center;
       justify-content: center;
       gap: 6px;
@@ -276,12 +276,15 @@
       opacity: 1;
     }
     .tabbar .icon {
-      font-size: 18px;
+      font-size: 16px;
       line-height: 1;
+      justify-self: center;
     }
     .tabbar .label {
       font-size: 12px;
       line-height: 1;
+      font-family: monospace;
+      font-size: 0.6rem;
     }
     .tabbar-icon-svg {
       fill: var(--color-text);
@@ -294,7 +297,7 @@
   }
   @media (max-width: 480px) {
     .tabbar .label {
-      display: none;
+      display: auto;
     }
   }