From f4b852d2dd69994f77214310204df29786947431 Mon Sep 17 00:00:00 2001
From: M Sarmad Qadeer <MSarmadQadeer@gmail.com>
Date: Mon, 24 Apr 2023 22:54:57 +0500
Subject: [PATCH] website: fix chines in dropdown (#2232)

---
 website/src/_includes/navbar.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/website/src/_includes/navbar.html b/website/src/_includes/navbar.html
index 30cca05c59..a756701416 100644
--- a/website/src/_includes/navbar.html
+++ b/website/src/_includes/navbar.html
@@ -110,17 +110,17 @@
                 {% endfor %}
             </a>
             
-            <ul class="flex flex-col items-start gap-2 h-fit absolute top-11 -left-10 bg-white dark:bg-black mt-[10px] py-4 min-w-[170px] rounded-md shadow-[0_0_3px_rgb(60_72_88_/_15%)] sub-menu overflow-auto">
+            <ul class="flex flex-col items-start gap-2 h-fit absolute top-11 -right-14 bg-white dark:bg-black mt-[10px] py-4 px-5 min-w-[170px] rounded-md shadow-[0_0_3px_rgb(60_72_88_/_15%)] sub-menu overflow-auto">
                 {% for language in languages.languages %}
                     {% if language.enabled %}
                         <li>
                             {% if language.flag %}
-                                <a href="{% completeRoute {url:page.url,lang:language.label} %}" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <a href="{% completeRoute {url:page.url,lang:language.label} %}" class="flex items-center gap-4 flag-anchor whitespace-nowrap w-max">
                                     <img class="h-4" src="{{ language.flag }}" alt="" srcset="">
                                     <p>{{ language.name }}</p>
                                 </a>
                             {% else %}
-                                <a href="{% completeRoute {url:page.url,lang:language.label} %}" class="px-[20px] flex items-center gap-4 flag-anchor">
+                                <a href="{% completeRoute {url:page.url,lang:language.label} %}" class="flex items-center gap-4 flag-anchor whitespace-nowrap w-max">
                                     <div class="flex items-center justify-center" style="background-color:{{ language.iconBg }}; color:{{ language.textColor }}; width:21.33px; height:16px">
                                         <p style="text-align:center; font-size:7px">{{ language.iconText }}</p>
                                     </div>