WIP: address PR #475 review feedback

frontend/src/index.css

@@ -876,8 +876,10 @@ html:lang(mn-Mong) .text-right
 
 [data-vertical-preview] .posts-main-area > div > div:first-child
 {
-  flex-direction: column;
-  justify-content: flex-start;
+  flex: none;
+  flex-direction: row;
+  justify-content: space-between;
+  height: 100%;
   writing-mode: vertical-lr;
   text-orientation: mixed;
 }
@@ -916,6 +918,12 @@ html:lang(mn-Mong) .text-right
   writing-mode: vertical-lr;
 }
 
+[data-vertical-preview] .main-area[data-vertical-content] .pagination
+{
+  align-self: stretch;
+  inline-size: 100%;
+}
+
 [data-vertical-preview] .tags-main-area
 {
   display: flex;
@@ -1122,7 +1130,7 @@ html:lang(mn-Mong) .text-right
   {
     flex-direction: column;
     flex: none;
-    width: 7rem;
+    width: 3.5rem;
     height: 100%;
     padding: .5rem;
     gap: .5rem;
@@ -1142,8 +1150,8 @@ html:lang(mn-Mong) .text-right
   {
     writing-mode: vertical-lr;
     text-orientation: mixed;
-    max-height: 9rem;
-    white-space: normal;
+    max-height: none;
+    white-space: nowrap;
     margin-block: .5rem;
   }
 
@@ -1173,8 +1181,8 @@ html:lang(mn-Mong) .text-right
   {
     writing-mode: vertical-lr;
     text-orientation: mixed;
-    max-height: 9rem;
-    white-space: normal;
+    max-height: none;
+    white-space: nowrap;
   }
 
   [data-vertical-preview] .top-nav-highlight