AI: address review on PR #475

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