Auto refresh

app/static/styles.css

@@ -31,6 +31,7 @@ a {
   top: 0;
   z-index: 10;
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   gap: 16px;
@@ -62,6 +63,18 @@ a {
   color: #fff;
 }
 
+.refresh-status {
+  margin: 0;
+  color: var(--muted);
+  font-size: 0.82rem;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
+.refresh-status:empty {
+  display: none;
+}
+
 .page {
   width: min(1180px, calc(100vw - 32px));
   margin: 0 auto;
@@ -305,6 +318,15 @@ th {
 }
 
 @media (max-width: 900px) {
+  .topbar {
+    align-items: flex-start;
+  }
+
+  .refresh-status {
+    width: 100%;
+    white-space: normal;
+  }
+
   .cards {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }