fix(settings): Align contents of profile picture heading

Signed-off-by: Christopher Ng <[email protected]>
nextcloud · Oct 4, 2024 · 8aa7afc · 8aa7afc
1 parent 67e0928
commit 8aa7afc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/apps/settings/src/components/PersonalInfo/AvatarSection.vue b/apps/settings/src/components/PersonalInfo/AvatarSection.vue
@@ -259,7 +259,7 @@ section {
 }
 .avatar {
 	&__container {
-		margin: 0 auto;
+		margin: calc(var(--default-grid-baseline) * 2) auto 0 auto;
 		display: flex;
 		flex-direction: column;
 		justify-content: center;

diff --git a/apps/settings/src/components/PersonalInfo/shared/HeaderBar.vue b/apps/settings/src/components/PersonalInfo/shared/HeaderBar.vue
@@ -5,7 +5,7 @@
 
 <template>
 	<div class="headerbar-label" :class="{ 'setting-property': isSettingProperty, 'profile-property': isProfileProperty }">
-		<h3 v-if="isHeading">
+		<h3 v-if="isHeading" class="headerbar__heading">
 			<!-- Already translated as required by prop validator -->
 			{{ readable }}
 		</h3>
@@ -138,6 +138,10 @@ export default {
 		}
 	}
 
+	.headerbar__heading {
+		margin: 0;
+	}
+
 	.federation-control {
 		margin: 0;
 	}