From 9b18f7664800fe4f6afdae0200bb7a4856bc522e Mon Sep 17 00:00:00 2001
From: Spectralitree <spectralitree@gmail.com>
Date: Tue, 5 Jan 2021 02:13:03 +0100
Subject: [PATCH] layout tweaks

---
 public/index.html         |  2 +-
 src/Components/Profile.js |  5 +++--
 src/Components/System.js  | 13 +++++++------
 src/Custom.scss           |  1 -
 4 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/public/index.html b/public/index.html
index 380c2975..9e69d34e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -11,7 +11,7 @@
   />
     <meta
       name="description"
-      content="A web interface for pluralkit. (This is still a work in progress)"
+      content="A web interface for pluralkit."
     />
     
     <!--
diff --git a/src/Components/Profile.js b/src/Components/Profile.js
index 4168396a..6f9ad9ad 100644
--- a/src/Components/Profile.js
+++ b/src/Components/Profile.js
@@ -46,7 +46,8 @@ export default function Profile () {
         } else setName('');
 
         if (system.avatar_url) {
-            setAvatar(system.avatar_url.replace('?width=256&height=256&format=jpeg', ''))
+            var avatarsmall = system.avatar_url.replace('&format=jpeg', '');
+            setAvatar(avatarsmall.replace('?width=256&height=256', ''))
         } else setAvatar('')
 
         if (system.tag) {
@@ -71,7 +72,7 @@ export default function Profile () {
            { system.avatar_url ? <Popup trigger={<BS.Image src={`${system.avatar_url}`} style={{width: 50, height: 50}} tabIndex="0" className="float-right" roundedCircle />} className="avatar" modal>
          {close => (
              <div className="text-center w-100 m-0" onClick={() => close()}>
-             <BS.Image src={`${avatar}`} style={{'max-width': 500, height: 'auto'}} thumbnail />
+             <BS.Image src={`${avatar}`} style={{'max-width': 640, height: 'auto'}} thumbnail />
              </div>
          )}
      </Popup> : 
diff --git a/src/Components/System.js b/src/Components/System.js
index ebc46e4b..c838e264 100644
--- a/src/Components/System.js
+++ b/src/Components/System.js
@@ -59,7 +59,8 @@ export default function System(props) {
     } else setTimezone('');
 
     if (user.avatar_url) {
-        setAvatar(user.avatar_url.replace('?width=256&height=256&format=jpeg', ''))
+        var avatarsmall = user.avatar_url.replace('&format=jpeg', '');
+        setAvatar(avatarsmall.replace('?width=256&height=256', ''))
     } else setAvatar('')
 
     if (user.description) {
@@ -118,7 +119,7 @@ const submitPrivacy = data => {
                   { user.avatar_url ? <Popup trigger={<BS.Image src={`${user.avatar_url}`} style={{width: 50, height: 50}} tabIndex="0" className="float-right" roundedCircle />} className="avatar" modal>
                 {close => (
                     <div className="text-center w-100 m-0" onClick={() => close()}>
-                    <BS.Image src={`${avatar}`} style={{'max-width': 500, height: 'auto'}} thumbnail />
+                    <BS.Image src={`${avatar}`} style={{'max-width': 640, height: 'auto'}} thumbnail />
                     </div>
                 )}
             </Popup> : 
@@ -167,28 +168,28 @@ const submitPrivacy = data => {
                     <BS.Form.Row>
                     <BS.Col className="mb-lg-2" xs={12} lg={3}>
                         <BS.Form.Label>Description:</BS.Form.Label>
-                        <BS.Form.Control name="description_privacy" as="select" ref={registerPrivacy}>
+                        <BS.Form.Control name="description_privacy" defaultValue={user.description_privacy} as="select" ref={registerPrivacy}>
                             <option>public</option>
                             <option>private</option>
                         </BS.Form.Control>
                     </BS.Col>
                     <BS.Col className="mb-lg-2" xs={12} lg={3}>
                     <BS.Form.Label>Member list:</BS.Form.Label>
-                        <BS.Form.Control name="member_list_privacy" as="select" ref={registerPrivacy}>
+                        <BS.Form.Control name="member_list_privacy" defaultValue={user.member_list_privacy} as="select" ref={registerPrivacy}>
                             <option>public</option>
                             <option>private</option>
                         </BS.Form.Control>
                     </BS.Col>
                     <BS.Col className="mb-lg-2" xs={12} lg={3}>
                     <BS.Form.Label>Front:</BS.Form.Label>
-                        <BS.Form.Control name="front_privacy" as="select" ref={registerPrivacy}>
+                        <BS.Form.Control name="front_privacy" as="select" defaultValue={user.front_privacy} ref={registerPrivacy}>
                             <option>public</option>
                             <option>private</option>
                         </BS.Form.Control>
                     </BS.Col>
                     <BS.Col className="mb-lg-2" xs={12} lg={3}>
                     <BS.Form.Label>Front history:</BS.Form.Label>
-                        <BS.Form.Control name="front_history_privacy" as="select" ref={registerPrivacy}>
+                        <BS.Form.Control name="front_history_privacy" defaultValue={user.front_history_privacy} as="select" ref={registerPrivacy}>
                             <option>public</option>
                             <option>private</option>
                         </BS.Form.Control>
diff --git a/src/Custom.scss b/src/Custom.scss
index fb77d1f9..4f77831f 100644
--- a/src/Custom.scss
+++ b/src/Custom.scss
@@ -265,5 +265,4 @@ blockquote {
   width: auto;
 }
 
-
 @import "~bootstrap/scss/bootstrap";