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