AI: address review on PR #475

frontend/src/index.css

@@ -751,6 +751,40 @@ html:lang(mn-Mong) .text-right
   inline-size: min(36rem, 100%);
 }
 
+[data-vertical-preview] .main-area[data-vertical-content] form.space-y-2
+{
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: .75rem;
+}
+
+[data-vertical-preview] .main-area[data-vertical-content] form.space-y-2 > *
+{
+  flex: none;
+  margin: 0;
+}
+
+[data-vertical-preview] .main-area[data-vertical-content] form label.block
+{
+  margin: 0;
+  margin-block-end: .25rem;
+}
+
+[data-vertical-preview] .main-area[data-vertical-content] form.space-y-2
+    > :has(> input[type='checkbox'])
+{
+  display: flex;
+  align-items: center;
+  gap: .5rem;
+}
+
+[data-vertical-preview] .main-area[data-vertical-content] form.space-y-2
+    > :has(> input[type='checkbox']) > label
+{
+  margin: 0;
+}
+
 [data-vertical-preview] :where(.main-area[data-vertical-content]) :is(
     button, input, select, textarea, code, time, table)
 {
@@ -1039,9 +1073,65 @@ html:lang(mn-Mong) .text-right
 {
   flex: none;
   width: auto;
-  inline-size: min(24rem, 100%);
+  inline-size: 100%;
   max-inline-size: none;
-  overflow: auto;
+  overflow: visible;
+}
+
+[data-vertical-preview] .tag-list-filter > div
+{
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex-wrap: nowrap;
+  gap: 1rem;
+}
+
+[data-vertical-preview] .main-area .tag-list-filter form.space-y-2
+{
+  inline-size: auto;
+  max-height: none;
+  overflow: visible;
+}
+
+[data-vertical-preview] .tag-list-filter input[type='datetime-local']
+{
+  inline-size: 13rem;
+}
+
+@media (min-width: 768px)
+{
+  [data-vertical-preview] .tag-list-filter form > div
+  {
+    white-space: nowrap;
+  }
+}
+
+html:lang(mn-Mong) .inheritance-code
+{
+  writing-mode: horizontal-tb;
+}
+
+html:lang(mn-Mong) .inheritance-dialogue
+{
+  width: auto;
+  max-width: calc(100vw - 2rem);
+  inline-size: min(32rem, calc(100dvh - 2rem));
+  block-size: fit-content;
+}
+
+html:lang(mn-Mong) .inheritance-dialogue-fields
+{
+  writing-mode: horizontal-tb;
+  flex-direction: column;
+  justify-content: space-between;
+  width: min(16rem, calc(100vw - 8rem));
+  height: 100%;
+  min-height: 0;
+}
+
+html:lang(mn-Mong) .inheritance-dialogue-fields > button
+{
+  align-self: flex-end;
 }
 
 [data-vertical-preview] .tag-list-filter h1