From 5e2d08485486ca3bcd46c59440ae2f866aef5d98 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 17 Aug 2024 19:00:12 +0800
Subject: [PATCH] Fix lang selector not centered on Welcome page

---
 src/app.css           |  2 +-
 src/locales/en.po     | 30 +++++++++++++++---------------
 src/pages/welcome.jsx |  4 +++-
 3 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/app.css b/src/app.css
index 37cea4f0..857d7fbe 100644
--- a/src/app.css
+++ b/src/app.css
@@ -2858,7 +2858,7 @@ ul.link-list li a .icon {
 /* LANG SELECTOR */
 
 .lang-selector {
-  display: flex;
+  display: inline-flex;
   gap: 4px;
   align-items: center;
 
diff --git a/src/locales/en.po b/src/locales/en.po
index 4ababc40..7f5beb08 100644
--- a/src/locales/en.po
+++ b/src/locales/en.po
@@ -3606,63 +3606,63 @@ msgstr ""
 msgid "<0>Built</0> by <1>@cheeaun</1>. <2>Privacy Policy</2>."
 msgstr ""
 
-#: src/pages/welcome.jsx:123
+#: src/pages/welcome.jsx:125
 msgid "Screenshot of Boosts Carousel"
 msgstr ""
 
-#: src/pages/welcome.jsx:127
+#: src/pages/welcome.jsx:129
 msgid "Boosts Carousel"
 msgstr ""
 
-#: src/pages/welcome.jsx:130
+#: src/pages/welcome.jsx:132
 msgid "Visually separate original posts and re-shared posts (boosted posts)."
 msgstr ""
 
-#: src/pages/welcome.jsx:139
+#: src/pages/welcome.jsx:141
 msgid "Screenshot of nested comments thread"
 msgstr ""
 
-#: src/pages/welcome.jsx:143
+#: src/pages/welcome.jsx:145
 msgid "Nested comments thread"
 msgstr ""
 
-#: src/pages/welcome.jsx:146
+#: src/pages/welcome.jsx:148
 msgid "Effortlessly follow conversations. Semi-collapsible replies."
 msgstr ""
 
-#: src/pages/welcome.jsx:154
+#: src/pages/welcome.jsx:156
 msgid "Screenshot of grouped notifications"
 msgstr ""
 
-#: src/pages/welcome.jsx:158
+#: src/pages/welcome.jsx:160
 msgid "Grouped notifications"
 msgstr ""
 
-#: src/pages/welcome.jsx:161
+#: src/pages/welcome.jsx:163
 msgid "Similar notifications are grouped and collapsed to reduce clutter."
 msgstr ""
 
-#: src/pages/welcome.jsx:170
+#: src/pages/welcome.jsx:172
 msgid "Screenshot of multi-column UI"
 msgstr ""
 
-#: src/pages/welcome.jsx:174
+#: src/pages/welcome.jsx:176
 msgid "Single or multi-column"
 msgstr ""
 
-#: src/pages/welcome.jsx:177
+#: src/pages/welcome.jsx:179
 msgid "By default, single column for zen-mode seekers. Configurable multi-column for power users."
 msgstr ""
 
-#: src/pages/welcome.jsx:186
+#: src/pages/welcome.jsx:188
 msgid "Screenshot of multi-hashtag timeline with a form to add more hashtags"
 msgstr ""
 
-#: src/pages/welcome.jsx:190
+#: src/pages/welcome.jsx:192
 msgid "Multi-hashtag timeline"
 msgstr ""
 
-#: src/pages/welcome.jsx:193
+#: src/pages/welcome.jsx:195
 msgid "Up to 5 hashtags combined into a single timeline."
 msgstr ""
 
diff --git a/src/pages/welcome.jsx b/src/pages/welcome.jsx
index 2a3cfc65..dbaa90cf 100644
--- a/src/pages/welcome.jsx
+++ b/src/pages/welcome.jsx
@@ -113,7 +113,9 @@ function Welcome() {
             .
           </Trans>
         </p>
-        <LangSelector />
+        <div>
+          <LangSelector />
+        </div>
       </div>
       <div id="why-container">
         <div class="sections">