Merge branch 'codex/fix/directory-loading-center'

src/views/directory/directory.module.css

@@ -145,8 +145,16 @@
   word-break: break-all;
 }
 
-.ownerCell {
+.ownerCell,
+.statusCell {
   text-align: center;
+  vertical-align: middle;
+}
+
+.statusLoading {
+  display: block;
+  width: fit-content;
+  margin-inline: auto;
 }
 
 .ownerName {

src/views/directory/directory.tsx

@@ -135,7 +135,9 @@ const DirectoryRow = ({ board, nowSeconds, rank, onVote }: DirectoryRowProps) =>
             </Tooltip>
           </span>
         ) : status === 'loading' ? (
-          <LoadingEllipsis string={t('loading')} />
+          <span className={styles.statusLoading}>
+            <LoadingEllipsis string={t('loading')} />
+          </span>
         ) : status === 'unknown' ? (
           <span className={styles.statusUnavailable}>{DIRECTORY_STATUS_UNAVAILABLE_MARKER}</span>
         ) : (