mobile friendly

1 files changed, 13 insertions, 4 deletions

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)