diff --git a/packages/app/src/Pages/settings/Profile.css b/packages/app/src/Pages/settings/Profile.css index b4869b4e..dd8be0ec 100644 --- a/packages/app/src/Pages/settings/Profile.css +++ b/packages/app/src/Pages/settings/Profile.css @@ -15,11 +15,24 @@ } .settings .image-settings { - flex-direction: column; + display: block; align-items: center; justify-content: center; } +.settings .image-setting { + display: flex; +} + +.settings .image-setting > div:first-child { + align-self: center; +} + +.settings .avatar, +.settings .banner { + margin-left: auto; +} + .settings .avatar .edit, .settings .banner .edit { display: flex; diff --git a/packages/app/src/Pages/settings/Profile.tsx b/packages/app/src/Pages/settings/Profile.tsx index 28d59df6..728487dd 100644 --- a/packages/app/src/Pages/settings/Profile.tsx +++ b/packages/app/src/Pages/settings/Profile.tsx @@ -109,7 +109,7 @@ export default function ProfileSettings(props: ProfileSettingsProps) { function editor() { return (