Update modules/ui/ui.py

modules/ui/ui.py

@@ -81,46 +81,31 @@ def login_register_page(lang_code, t):
     # Language selection dropdown at the top
     languages = {'Español': 'es', 'English': 'en', 'Français': 'fr', 'Português': 'pt'}
     
-    # Contenedor para los logos y selector de idioma alineados
+    # Estilo personalizado para mejorar el espaciado y alineación
     st.markdown("""
     <style>
-        .header-flex-container {
-            display: flex;
-            justify-content: space-between;
+        div.row-widget.stHorizontalBlock {
             align-items: center;
-            margin-bottom: 20px;
-            width: 100%;
-        }
-        .logos-container {
-            display: flex;
-            align-items: center;
-        }
-        .aideatext-logo {
-            height: 70px;
-            margin-right: 20px;
-        }
-        .websummit-logo {
-            height: 50px;
-        }
-        /* Esto crea espacio para el selector de idiomas que se agregará con Streamlit */
-        .language-space {
-            width: 200px;
         }
     </style>
-    <div class="header-flex-container">
-        <div class="logos-container">
-            <a href="https://aideatext-v3.hf.space" target="_blank">
-                <img src="./assets/img/logo_92x92.png" class="aideatext-logo" alt="AIdeaText Logo">
-            </a>
-            <img src="./assets/img/ALPHA_Startup Badges.png" class="websummit-logo" alt="WebSummit Alpha Program">
-        </div>
-        <div class="language-space"></div>
-    </div>
     """, unsafe_allow_html=True)
     
-    # Colocar el selector de idiomas en la posición correcta
-    col1, col2, col3 = st.columns([5, 3, 2])
+    # Crear contenedor para logos y selector de idioma usando columnas de Streamlit
+    col1, col2, col3 = st.columns([2, 2, 1])
+    
+    with col1:
+        # Logo de AIdeaText con enlace
+        st.markdown(
+            f'<a href="https://aideatext-v3.hf.space" target="_blank"><img src="https://huggingface.co/spaces/AIdeaText/v3/resolve/main/assets/img/logo_92x92.png" width="70"></a>', 
+            unsafe_allow_html=True
+        )
+    
+    with col2:
+        # Logo de Alpha Program
+        st.image("https://huggingface.co/spaces/AIdeaText/v3/resolve/main/assets/img/ALPHA_Startup%20Badges.png", width=100)
+    
     with col3:
+        # Selector de idioma
         selected_lang = st.selectbox(
             landing_t['select_language'],
             list(languages.keys()),