AI: address review on PR #475

frontend/src/index.css

@@ -662,6 +662,18 @@ html:lang(mn-Mong) [style*='writing-mode']
   writing-mode: vertical-lr !important;
 }
 
+/* Inline alignment turns left/right into top/bottom; flex cross alignment
+   and table vertical-align already follow the vertical writing mode. */
+html:lang(mn-Mong) .text-left
+{
+  text-align: start;
+}
+
+html:lang(mn-Mong) .text-right
+{
+  text-align: end;
+}
+
 [data-vertical-preview]
 {
   min-width: 0;
@@ -914,9 +926,10 @@ html:lang(mn-Mong) [style*='writing-mode']
 [data-vertical-preview] .tag-list-filter
 {
   flex: none;
-  width: min(24rem, 75vw);
-  max-width: none;
-  overflow-y: auto;
+  width: auto;
+  inline-size: min(24rem, 100%);
+  max-inline-size: none;
+  overflow: auto;
 }
 
 [data-vertical-preview] .tag-list-filter h1
@@ -929,7 +942,7 @@ html:lang(mn-Mong) [style*='writing-mode']
 
 [data-vertical-preview] .tag-list-filter input[type='number']
 {
-  max-width: 7rem;
+  max-inline-size: 7rem;
 }
 
 [data-vertical-preview] .tag-list-results
@@ -966,7 +979,6 @@ html:lang(mn-Mong) [style*='writing-mode']
 {
   min-inline-size: 2rem;
   max-inline-size: 16rem;
-  text-align: start;
 }
 
 [data-vertical-preview] .tag-list-table thead