fix: styling for AccountsView on desktop and mobile

2026-09-01 08:58:38 +02:00
parent 9abd66fdba
commit a30101f841
2 changed files with 17 additions and 1 deletions
@@ -37,7 +37,7 @@ onMounted(() => {

    <InvitesPanel />

-    <h1>Pending changes</h1>
+    <h1 class="section-heading">Pending changes</h1>

    <section class="card info-card">
      <h4>Sync status</h4>
@@ -56,11 +56,21 @@ onMounted(() => {
 </template>

 <style scoped>
+@media (min-width: 768px) {
+  .page.about {
+    max-width: 780px;
+  }
+}
+
 .about h1 {
  font-size: 1.35rem;
  margin-bottom: 0.75rem;
 }

+.section-heading {
+  margin-top: 1.5rem;
+}
+
 .about p {
  color: var(--c-text-soft);
  font-size: 0.9rem;