fix(settings): Align contents of profile picture heading

Signed-off-by: Christopher Ng <chrng8@gmail.com>

diff --git a/apps/settings/src/components/PersonalInfo/AvatarSection.vue b/apps/settings/src/components/PersonalInfo/AvatarSection.vue
index 3145cc28fe230f478399788f31674554cc4ae0bc..79eba665cd46ebca1efdec872cde2d1d33630c36 100644 (file)
--- 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
index 1dd11c2b6cc28a0f6bccb504bbaf1fa1213d023d..86e2a0dcb6c8d88f5745ffee082feb530c8b7fdf 100644 (file)
--- 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;
        }