style(mod queue): align title with table when filter by board is not rendered

src/views/mod-queue/mod-queue.module.css

@@ -5,6 +5,15 @@
 }
 
 .header {
+  margin-bottom: 10px;
+}
+
+.title {
+  font-size: 1.5em;
+  font-weight: bold;
+}
+
+.controls {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -13,9 +22,14 @@
   gap: 10px;
 }
 
-.title {
+.controlsLeft {
-  font-size: 1.5em;
+  display: flex;
-  font-weight: bold;
+  align-items: center;
+}
+
+.controlsRight {
+  display: flex;
+  align-items: center;
 }
 
 .alertThresholdSetting {
@@ -270,7 +284,6 @@ span.reject:hover {
 
 /* ModQueueBoardFilter styles */
 .filterContainer {
-  margin-bottom: 10px;
   display: flex;
   align-items: center;
   gap: 8px;
@@ -354,6 +367,10 @@ span.reject:hover {
   }
 
   .header {
+    margin-bottom: 10px;
+  }
+
+  .controls {
     flex-direction: column;
     align-items: flex-start;
   }

src/views/mod-queue/mod-queue.tsx

@@ -475,10 +475,7 @@ export const ModQueueView = ({ boardIdentifier: propBoardIdentifier }: ModQueueV
     [hasMore, subplebbitAddresses],
   );
 
-  return (
+  const alertThresholdControl = (
-    <div className={styles.container}>
-      <div className={styles.header}>
-        <div className={styles.title}>{t('moderation_queue')}</div>
     <div className={styles.alertThresholdSetting}>
       <label>
         {t('alert_threshold')}:
@@ -508,9 +505,33 @@ export const ModQueueView = ({ boardIdentifier: propBoardIdentifier }: ModQueueV
         </select>
       </label>
     </div>
-      </div>
+  );
 
-      {!resolvedAddress && <ModQueueBoardFilter subplebbits={subplebbitsWithMetadata} />}
+  return (
+    <div className={styles.container}>
+      {!resolvedAddress && (
+        <div className={styles.header}>
+          <div className={styles.title}>{t('moderation_queue')}</div>
+        </div>
+      )}
+
+      <div className={styles.controls}>
+        {!resolvedAddress ? (
+          <>
+            <div className={styles.controlsLeft}>
+              <ModQueueBoardFilter subplebbits={subplebbitsWithMetadata} />
+            </div>
+            <div className={styles.controlsRight}>{alertThresholdControl}</div>
+          </>
+        ) : (
+          <>
+            <div className={styles.controlsLeft}>
+              <div className={styles.title}>{t('moderation_queue')}</div>
+            </div>
+            <div className={styles.controlsRight}>{alertThresholdControl}</div>
+          </>
+        )}
+      </div>
 
       {feed.length === 0 && !hasMore ? (
         <div className={styles.empty}>{t('queue_is_empty')}</div>