style(ui): simplify account sections and prioritise recorded role titles

81 account and 16 layout tests pass. Settled export built; fresh rendered matrices and final visual acceptance remain pending.
2026-11-04 01:13:24 +01:00
parent 1c88cacb4d
commit b6d830f279
14 changed files with 47 additions and 18 deletions
@@ -221,7 +221,7 @@ export default function EmailProviderConnections() {
  };

  return (
-    <PageSection surface title={t("emailConnectionsTitle")} description={t("emailConnectionsBody")}>
+    <PageSection title={t("emailConnectionsTitle")} description={t("emailConnectionsBody")}>
      <Stack spacing={2}>
        <ProviderRow
          label="Gmail"
@@ -96,7 +96,7 @@ export default function SessionsSettingsCard() {
  }

  return (
-    <PageSection title={t("sessionsSectionTitle")} surface>
+    <PageSection title={t("sessionsSectionTitle")}>
      {loading ? <Typography role="status" color="text.secondary">{t("loading")}</Typography> : null}
      {error ? <Alert severity="error" role="alert" sx={{ mb: 1 }} action={<Button color="inherit" onClick={loadSessions}>{t("retry")}</Button>}>{error}</Alert> : null}
      {!loading && sessions.length === 0 && !error ? (
@@ -192,7 +192,7 @@ export default function TwoFactorSettingsCard() {
  const isRecoveryStep = flow === "enable-recovery" || flow === "regenerate-recovery";

  return (
-    <PageSection title={t("twoFactorSectionTitle")} surface>
+    <PageSection title={t("twoFactorSectionTitle")}>
      {statusLoading ? <Typography role="status" color="text.secondary">{t("loading")}</Typography> : null}
      {statusError ? <Alert severity="error" sx={{ mb: 1.5 }} action={<Button color="inherit" onClick={loadStatus}>{t("retry")}</Button>}>{statusError}</Alert> : null}
      {status && !statusLoading ? (