From 90ac152b4d1569750694ac0fc93c46c5da2236aa Mon Sep 17 00:00:00 2001 From: Samuel Couillard <43917914+scouillard@users.noreply.github.com> Date: Tue, 31 Jan 2023 16:21:18 -0500 Subject: [PATCH] Increased Upload Avatar button width (#4696) --- app/assets/stylesheets/profile.scss | 2 +- app/javascript/components/users/user/SetAvatar.jsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/profile.scss b/app/assets/stylesheets/profile.scss index 3e7200d1..a053f3bd 100644 --- a/app/assets/stylesheets/profile.scss +++ b/app/assets/stylesheets/profile.scss @@ -27,7 +27,7 @@ } #profile-avatar { - max-width: 150px; + max-width: 200px; .avatar-icon-circle { top: 5px; diff --git a/app/javascript/components/users/user/SetAvatar.jsx b/app/javascript/components/users/user/SetAvatar.jsx index c8f763cb..9759d51e 100644 --- a/app/javascript/components/users/user/SetAvatar.jsx +++ b/app/javascript/components/users/user/SetAvatar.jsx @@ -57,7 +57,7 @@ export default function SetAvatar({ user }) { return ( <div id="profile-avatar" className="mt-5 d-block ms-auto me-auto"> <Stack direction="vertical" gap={2}> - <div onClick={handleClick} className="cursor-pointer position-relative" aria-hidden="true"> + <div onClick={handleClick} className="cursor-pointer position-relative mx-auto" aria-hidden="true"> <div className="avatar-icon-circle float-end position-absolute rounded-circle"> <FolderPlusIcon className="hi-s" /> </div> -- GitLab