style(mod queue): add missing footer, improve mobile UI

src/components/footer/footer.tsx

@@ -39,6 +39,23 @@ export const PageFooterDesktop = ({ firstRow, styleRow }: PageFooterDesktopProps
   </footer>
 );
 
+/* -----------------------------------------------------------------------------
+ * StyleOnlyFooterFirstRow
+ * Footer first row with only the style selector (right-aligned). Used by mod queue.
+ * -------------------------------------------------------------------------- */
+
+export const StyleOnlyFooterFirstRow = () => {
+  const { t } = useTranslation();
+  return (
+    <div className={`${styles.footerRow} ${styles.footerRowRightOnly}`}>
+      <div className={styles.footerRight}>
+        <span className={styles.styleLabel}>{t('style')}:</span>
+        <StyleSelector />
+      </div>
+    </div>
+  );
+};
+
 /* -----------------------------------------------------------------------------
  * CatalogFooterFirstRow
  * Catalog footer first row: Return, Archive, Top, Refresh on left; Style selector on right.

src/components/footer/index.ts

@@ -1,2 +1,10 @@
-export { PageFooterDesktop, PageFooterMobile, CatalogFooterFirstRow, ThreadFooterFirstRow, ThreadFooterStyleRow, ThreadFooterMobile } from './footer';
+export {
+  PageFooterDesktop,
+  PageFooterMobile,
+  StyleOnlyFooterFirstRow,
+  CatalogFooterFirstRow,
+  ThreadFooterFirstRow,
+  ThreadFooterStyleRow,
+  ThreadFooterMobile,
+} from './footer';
 export type { PageFooterDesktopProps, CatalogFooterFirstRowProps, ThreadFooterFirstRowProps, ThreadFooterMobileProps } from './footer';

src/components/post-form/post-form.module.css

@@ -24,6 +24,12 @@
   padding: 10px 0;
 }
 
+@media (max-width: 639px) {
+  .modQueueTitle {
+    padding-top: 24px;
+  }
+}
+
 @media (min-width: 640px) {
   .modQueueTitle {
     font-size: 1em;