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