From b7823407c04958b143c2c37d7b7e465bdd7d4895 Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Wed, 12 Jul 2023 15:42:27 -0300
Subject: mobile friendly

---
 packages/demobank-ui/src/components/LangSelector.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

(limited to 'packages/demobank-ui/src/components/LangSelector.tsx')

diff --git a/packages/demobank-ui/src/components/LangSelector.tsx b/packages/demobank-ui/src/components/LangSelector.tsx
index 9680344cb..ca4411682 100644
--- a/packages/demobank-ui/src/components/LangSelector.tsx
+++ b/packages/demobank-ui/src/components/LangSelector.tsx
@@ -63,20 +63,29 @@ export function LangSelectorLikePy(): VNode {
   }, []);
   return (
     <Fragment>
-      <button
+      <a
+        href="#"
+        class="pure-button"
         name="language"
         onClick={(ev) => {
+          ev.preventDefault();
           setHidden((h) => !h);
           ev.stopPropagation();
         }}
       >
         {getLangName(lang)}
-      </button>
-      <div id="lang" class={hidden ? "hide" : ""}>
+      </a>
+      <div
+        id="lang"
+        class={hidden ? "hide" : ""}
+        style={{
+          display: "inline-block",
+        }}
+      >
         <div style="position: relative; overflow: visible;">
           <div
             class="nav"
-            style="position: absolute; max-height: 60vh; overflow-y: scroll"
+            style="position: absolute; max-height: 60vh; overflow-y: auto; margin-left: -120px; margin-top: 20px"
           >
             {Object.keys(messages)
               .filter((l) => l !== lang)
-- 
cgit v1.2.3