fix: increase header logo size and reduce nav link spacing

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

CONTEXT/03_GIT_ESTADO.txt

@@ -1,5 +1,5 @@
 ===============================================================
-  GIT — ESTADO (actualizado 2026-04-28)
+  GIT — ESTADO (actualizado 2026-05-01)
 ===============================================================
 
 REPO LOCAL: /home/sito/COFRE/CODERS/oasis_mobile/
@@ -8,31 +8,39 @@ USUARIO: s1to
 RAMA ACTIVA: test
 
 --------------------------------------------------------------
-COMMITS ACTUALES (cronologico)
+COMMITS (mas reciente primero)
 --------------------------------------------------------------
-9a96d77  first commit
+dad3871  feat: add QR share button to profile and fix mobile header layout
-f88a179  oasis_mobile 6.9 — APK descompilada + source completo
+9ee8fd6  fix: flatten filter buttons layout for mobile in activity, stats and trending
-54ad8a1  feat: add QR codes for tribe invites, pub invites and user profile sharing
+07403d1  docs: add detailed change documentation per feature phase
-5ee14d9  docs: add CONTEXT folder with project documentation
+ae7f0c1  docs: update CONTEXT with current state, architecture and Android Studio guide
-0fc10be  feat: invite trazability via inviteLog and pub-invite SSB events
 b48944e  feat: mobile visual improvements and CSS cleanup
+0fc10be  feat: invite trazability via inviteLog and pub-invite SSB events
+5ee14d9  docs: add CONTEXT folder with project documentation
+54ad8a1  feat: add QR codes for tribe invites, pub invites and user profile sharing
+f88a179  oasis_mobile 6.9 (APK descompilada + source)
+9a96d77  first commit
 
 ESTADO: Working tree clean
 
 --------------------------------------------------------------
-ARCHIVOS MODIFICADOS EN SESIONES DE TRABAJO
+ARCHIVOS MODIFICADOS (todas las sesiones)
 --------------------------------------------------------------
-src/views/tribes_view.js         -> async + QR invite code
+src/views/tribes_view.js          -> async + QR invite code tribe
 src/views/invites_view.js         -> async + QR pub invite
 src/views/inhabitants_view.js     -> async + QR perfil SSB ID
 src/views/blockchain_view.js      -> filtro invites + renderInviteExtra
-src/views/main_views.js          -> viewport-fit=cover (notch)
+src/views/main_views.js           -> viewport-fit=cover + async authorView
+                                     + QR Compartir ID con <details>/<summary>
+src/views/activity_view.js        -> mode-buttons aplanado (sin inline grid)
+src/views/stats_view.js           -> mode-buttons sin inline style
+src/views/trending_view.js        -> mode-buttons aplanado + trending-container clase
 src/models/tribes_model.js        -> inviteLog trazabilidad completa
 src/models/main_models.js         -> publica SSB msg type:pub-invite
 src/models/blockchain_model.js    -> filtro invites en listBlockchain
-src/client/assets/themes/OasisMobile.css -> reescrito limpio (tema color)
+src/client/assets/themes/OasisMobile.css -> reescrito + qr-share-btn/panel theming
-src/client/assets/styles/mobile.css     -> reescrito completo (480 lineas)
+src/client/assets/styles/mobile.css     -> reescrito + header compacto + logo 38px
-src/client/assets/styles/style.css      -> añadidos estilos QR, invites
+src/client/assets/styles/style.css      -> estilos QR, invites, qr-share, trending-container
 
 --------------------------------------------------------------
 PROBLEMA DE CONECTIVIDAD AL REMOTO

CONTEXT/05_PROXIMOS_PASOS.txt

@@ -1,49 +1,91 @@
 ===============================================================
-  PROXIMOS PASOS Y TAREAS PENDIENTES (2026-04-28)
+  PROXIMOS PASOS Y TAREAS PENDIENTES (2026-05-01)
 ===============================================================
 
 --------------------------------------------------------------
 CRITICO — PENDIENTE
 --------------------------------------------------------------
 [ ] Resolver conectividad al servidor Gitea (code.03c8.net:3000)
-      -> Comprobar firewall: ufw allow 3000/tcp
+      -> Diagnostico: nc -zv code.03c8.net 3000 -w 5
-      -> Verificar Gitea: systemctl status gitea
+      -> Si el servidor es tuyo: ufw allow 3000/tcp
+      -> Verificar: systemctl status gitea
       -> Una vez resuelto: git push -u origin test
 
 --------------------------------------------------------------
-IMPLEMENTADO (commits 54ad8a1, 0fc10be, b48944e)
+IMPLEMENTADO EN ESTA SESION
+--------------------------------------------------------------
+[x] Botones activity/stats/trending aplanados (sin inline grid)
+      activity_view.js, stats_view.js, trending_view.js
+      -> mode-buttons ahora es fila CSS sin estilos inline
+      -> En movil: scroll horizontal correcto
+
+[x] QR "Compartir ID" en pagina de perfil/avatar
+      main_views.js -> authorView() ahora async
+      -> Elemento <details>/<summary>: boton nativo HTML, sin JS
+      -> Muestra QR grande del SSB ID + texto del ID debajo
+      -> CSS en style.css (.qr-share-*) y OasisMobile.css (colores)
+
+[x] Header movil compacto
+      mobile.css -> reescrito sin display:contents
+      -> Logo 38px, links con padding 3px 4px, font 0.72rem
+      -> top-bar-left: flex row flex:1
+      -> top-bar-right: flex row flex-shrink:0
+      -> Todo en una fila sin conflictos
+
+--------------------------------------------------------------
+IMPLEMENTADO EN SESIONES ANTERIORES
 --------------------------------------------------------------
 [x] QR en invite de tribe (tribes_view.js)
 [x] QR en invite de pub SSB (invites_view.js)
-[x] QR del ID SSB en perfil de usuario (inhabitants_view.js)
+[x] QR del ID SSB en lista de inhabitants (inhabitants_view.js)
-[x] inviteLog en tribes con trazabilidad completa (tribes_model.js)
+[x] inviteLog trazabilidad en tribes (tribes_model.js)
 [x] SSB msg type:'pub-invite' al aceptar pub invite (main_models.js)
-[x] Filtro 'invites' en blockchain explorer (blockchain_model/view)
+[x] Filtro 'invites' en blockchain explorer
 [x] renderInviteExtra() con tabla detallada en blockchain_view.js
 [x] viewport-fit=cover para notch Android/iOS (main_views.js)
-[x] mobile.css completo (480 lineas: safe-area, touch, QR lightbox)
+[x] mobile.css completo (safe-area, touch targets, QR lightbox)
 [x] OasisMobile.css limpio (solo theming, sin duplicar mobile.css)
 
 --------------------------------------------------------------
 COMO CORRER EL PROYECTO
 --------------------------------------------------------------
-  LOCALMENTE en tu maquina:
   cd /home/sito/COFRE/CODERS/oasis_mobile/nodejs-project/nodejs-project
-    npm install   (si no se ha hecho antes)
   node main.js
   Abre: http://localhost:3000
 
-  EN ANDROID STUDIO:
+  En Chrome: F12 -> icono movil (Ctrl+Shift+M) -> Pixel 7 o similar
-    1. Abrir Android Studio
+  Esto muestra mobile.css y todos los cambios visuales.
-    2. View -> Tool Windows -> Terminal
-    3. cd <ruta al proyecto>/nodejs-project/nodejs-project
-    4. node main.js
-    5. Abrir browser o emulador en http://localhost:3000
 
-    ALTERNATIVA (emulador Android):
+  npm install solo si es la primera vez o cambias dependencias.
-    - Compilar el APK Android que envuelve el Node.js
+
-    - El APK usa node-on-android para correr el servidor interno
+--------------------------------------------------------------
-    - Requiere entorno Android SDK configurado
+PORQUE NO SE PUEDE EJECUTAR EN ANDROID STUDIO (explicacion)
+--------------------------------------------------------------
+  Lo que hay en el repo es una APK DESCOMPILADA, no el proyecto fuente.
+  Concretamente:
+    - classes.dex    -> bytecode Dalvik COMPILADO (no codigo fuente)
+    - AndroidManifest.xml -> codificado en binario (no XML legible)
+    - lib/arm64-v8a/ -> libnative-lib.so, libnode.so, libc++_shared.so
+      (binarios nativos, no fuente Kotlin)
+    - No hay build.gradle, settings.gradle, ni archivos .kt/.java
+
+  PARA COMPILAR LA APK SE NECESITA:
+    1. El proyecto Android original (Kotlin + Gradle)
+       que estaria en el servidor del dev o en el repo completo de krakenslab
+    2. El ZIP del nodejs-project actualizado se pondria en assets/
+    3. Con el proyecto fuente: Build -> Generate APK en Android Studio
+
+  LO QUE SI PUEDES HACER HOY:
+    - Correr el servidor Node.js local (node main.js)
+    - Ver en Chrome con emulacion movil (F12 -> toggle device)
+    - Instalar la APK original en el emulador:
+        adb install /home/sito/Downloads/oasis-v0.6.8.apk
+      (esto instala la version sin tus cambios, solo para referencia)
+
+  PARA TENER UN APK CON TUS CAMBIOS:
+    - Necesitas el proyecto Kotlin fuente
+    - Actualizar assets/nodejs-project.zip con el Node.js modificado
+    - Compilar desde Android Studio
 
 --------------------------------------------------------------
 CLAUDE CODE EN ANDROID STUDIO
@@ -51,39 +93,25 @@ CLAUDE CODE EN ANDROID STUDIO
   OPCION 1 (recomendada): JetBrains Plugin
     - Android Studio -> Settings -> Plugins -> Marketplace
     - Buscar: "Claude Code" o "Anthropic"
-    - Instalar y reiniciar
+    - Instalar y reiniciar -> panel lateral en el IDE
-    - Aparece como panel lateral en el IDE
 
-  OPCION 2: Terminal integrada de Android Studio
+  OPCION 2: Terminal integrada
     - View -> Tool Windows -> Terminal
     - Ejecutar: claude (si Claude Code CLI esta instalado)
-    - Claude Code CLI: https://claude.ai/code
-
-  OPCION 3: Terminal externa
-    - Abrir una terminal normal (Konsole, GNOME Terminal)
-    - cd al proyecto y correr: claude
 
 --------------------------------------------------------------
 POSIBLES MEJORAS FUTURAS
 --------------------------------------------------------------
+[ ] Boton "Copiar codigo" junto al QR de invite (tribe/pub)
 [ ] QR en vista individual de cada tribe (para compartir URL)
-[ ] Boton "Copiar codigo" junto al QR de invite
 [ ] QR para cada pub activo en la tabla de pubs
-[ ] Testing: arrancar la app y verificar que los QR se renderizan
+[ ] Obtener proyecto Kotlin fuente para poder compilar APK con cambios
-[ ] Comprobar que inviteLog se persiste correctamente en SSB
+[ ] Comprobar que inviteLog se persiste correctamente al reiniciar SSB
-
---------------------------------------------------------------
-COMPARACION CON UPSTREAM
---------------------------------------------------------------
-  github.com/epsylon/oasis -> version basica (~15 vistas)
-  Local -> version avanzada (43 vistas, IA, blockchain, etc.)
-  CONCLUSION: No hay que actualizar desde upstream.
-  El local ya es mas completo.
 
 --------------------------------------------------------------
 COMO RETOMAR EN NUEVA SESION
 --------------------------------------------------------------
-  1. Abrir: /home/sito/COFRE/CODERS/oasis_mobile/
+  1. Leer CONTEXT/00_INDICE.txt para orientarse
-  2. Leer CONTEXT/01_PROYECTO.txt para orientarse
+  2. git log --oneline para ver el estado
-  3. El codigo esta en: nodejs-project/nodejs-project/src/
+  3. node main.js en nodejs-project/nodejs-project/
-  4. git log --oneline para ver el estado actual
+  4. El codigo esta en: nodejs-project/nodejs-project/src/

nodejs-project/nodejs-project/src/client/assets/styles/mobile.css

@@ -107,16 +107,17 @@ pre, code {
 }
 
 a.logo-icon img.logo-icon {
-  width: 28px !important;
+  width: 38px !important;
-  height: 28px !important;
+  height: 38px !important;
   display: block !important;
+  margin-right: 4px !important;
 }
 
 .header nav ul li a,
 .top-bar-left nav ul li a,
 .top-bar-right nav ul li a {
-  padding: 4px 6px !important;
+  padding: 3px 4px !important;
-  font-size: 0.75rem !important;
+  font-size: 0.72rem !important;
   min-height: auto !important;
   border: none !important;
   white-space: nowrap !important;
@@ -124,6 +125,12 @@ a.logo-icon img.logo-icon {
   line-height: 1.2 !important;
 }
 
+/* Ocultar el emoji en los links del header para ahorrar espacio */
+.header nav ul li a .emoji {
+  font-size: 0.85em !important;
+  margin-right: 1px !important;
+}
+
 .oasis-nav-header { font-size: 0.85rem !important; }
 .oasis-nav-list li a {
   font-size: 0.9rem !important;