AI: address review on PR #475

frontend/src/components/TopNav.tsx

@@ -12,9 +12,7 @@ import TopNavUser from '@/components/TopNavUser'
 import TranslatedText from '@/components/TranslatedText'
 import { toast } from '@/components/ui/use-toast'
 import { WikiIdBus } from '@/lib/eventBus/WikiIdBus'
-import { isLocaleCode,
+import { isUILocaleCode,
-	 isUILocaleCode,
-	 MONGOLIAN_LOCALE,
 	 switchLocalePath,
 	 uiLocaleFromPath,
 	 unlocalisedPath } from '@/lib/locales'
@@ -141,8 +139,7 @@ const TopNav: FC<Props> = ({ user, locales, resolveLocaleSwitch }) => {
   const locale = useLocale ()
   const uiLocale = useUILocale ()
   const verticalPreview = useVerticalPreview ()
-  const uiLocales = [...locales.filter (entry => isLocaleCode (entry.code)),
+  const uiLocales = locales.filter (entry => isUILocaleCode (entry.code))
-      ...(locales.some (entry => entry.code === 'ja') ? [MONGOLIAN_LOCALE] : [])]
   const localeName = uiLocales.find (entry => entry.code === uiLocale)?.name
   const navigate = useLocaleNavigate ()
   const location = useLocation ()

frontend/src/index.css

@@ -756,14 +756,32 @@ body
 
 [data-vertical-preview] .sidebar > form
 {
-  width: 16rem;
+  display: flex;
+  align-items: flex-start;
+  gap: .5rem;
+  width: auto;
   height: 100%;
-  overflow-y: auto;
+}
+
+[data-vertical-preview] .sidebar > form > input[type='text']
+{
+  writing-mode: vertical-lr;
+  text-orientation: mixed;
+  width: auto;
+  height: 100%;
+  min-height: 0;
+  padding: .75rem .5rem;
 }
 
 [data-vertical-preview] .sidebar > form > ul
 {
   position: relative;
+  left: auto;
+  right: auto;
+  flex-shrink: 0;
+  width: min(16rem, 75vw);
+  max-height: 100%;
+  overflow-y: auto;
 }
 
 [data-vertical-preview] .sidebar > div