From 10b6fca660a710a5c1cbcd95f688e8bef3aa1317 Mon Sep 17 00:00:00 2001
From: Spectralitree <spectralitree@gmail.com>
Date: Wed, 13 Jan 2021 16:23:46 +0100
Subject: [PATCH] tweak proxy tag editing

---
 src/Components/MemberCard.js | 12 ++++++------
 src/Components/MemberPage.js | 10 +++++-----
 src/Custom.scss              |  3 +++
 3 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/Components/MemberCard.js b/src/Components/MemberCard.js
index 22e41cca..9a418fb8 100644
--- a/src/Components/MemberCard.js
+++ b/src/Components/MemberCard.js
@@ -65,7 +65,7 @@ export default function MemberCard(props) {
         } = useForm();
 
         useEffect(() => {
-            autosize(document.querySelector('textarea'));
+            autosize(document.querySelectorAll('textarea'));
         })
 
     useEffect(() => {
@@ -384,16 +384,16 @@ export default function MemberCard(props) {
          <BS.Form onSubmit={handleSubmitProxy(submitProxy)}>
              <BS.Form.Row>
                 { proxyTags.map((item, index) => (
-                    <BS.Col key={index} className="mb-lg-2" xs={12} lg={2}>
+                    <BS.Col key={index} className="mb-lg-2" xs={12} lg={3}>
                         <BS.Form.Row>
                         <BS.InputGroup className="ml-1 mr-1 mb-1">
-                        <BS.Form.Control name={`proxy_tags[${index}].prefix`} defaultValue={item.prefix} ref={registerProxy}/> 
-                        <BS.Form.Control disabled placeholder='text'/>
-                        <BS.Form.Control name={`proxy_tags[${index}].suffix`} defaultValue={item.suffix} ref={registerProxy}/>
+                        <BS.Form.Control as="textarea" rows="1" name={`proxy_tags[${index}].prefix`} defaultValue={item.prefix} ref={registerProxy}/> 
+                        <BS.Form.Control as="textarea" rows="1" disabled placeholder='text'/>
+                        <BS.Form.Control as="textarea" rows="1" name={`proxy_tags[${index}].suffix`} defaultValue={item.suffix} ref={registerProxy}/>
                         </BS.InputGroup>
                         </BS.Form.Row>
                     </BS.Col>
-                ))} <BS.Col className="mb-2" xs={12} lg={2}><BS.Button block variant="light" onClick={() => addProxyField()}>Add new</BS.Button></BS.Col>
+                ))} <BS.Col className="mb-2" xs={12} lg={3}><BS.Button block variant="light" onClick={() => addProxyField()}>Add new</BS.Button></BS.Col>
              </BS.Form.Row>
              <BS.Button variant="light" onClick={() => resetProxyFields()}>Exit</BS.Button> <BS.Button variant="primary" type="submit">Submit</BS.Button>
         </BS.Form><hr/></> : proxyView ? 
diff --git a/src/Components/MemberPage.js b/src/Components/MemberPage.js
index 8c17b9ab..83b138d8 100644
--- a/src/Components/MemberPage.js
+++ b/src/Components/MemberPage.js
@@ -65,7 +65,7 @@ export default function MemberPage(props) {
         } = useForm();
 
         useEffect(() => {
-            autosize(document.querySelector('textarea'));
+            autosize(document.querySelectorAll('textarea'));
         })
 
     useEffect(() => {
@@ -389,13 +389,13 @@ export default function MemberPage(props) {
                     <BS.Col key={index} className="mb-lg-2" xs={12} lg={2}>
                         <BS.Form.Row>
                         <BS.InputGroup className="ml-1 mr-1 mb-1">
-                        <BS.Form.Control name={`proxy_tags[${index}].prefix`} defaultValue={item.prefix} ref={registerProxy}/> 
-                        <BS.Form.Control disabled placeholder='text'/>
-                        <BS.Form.Control name={`proxy_tags[${index}].suffix`} defaultValue={item.suffix} ref={registerProxy}/>
+                        <BS.Form.Control as="textarea" rows="1" name={`proxy_tags[${index}].prefix`} defaultValue={item.prefix} ref={registerProxy}/> 
+                        <BS.Form.Control as="textarea" rows="1" disabled placeholder='text'/>
+                        <BS.Form.Control as="textarea" rows="1" name={`proxy_tags[${index}].suffix`} defaultValue={item.suffix} ref={registerProxy}/>
                         </BS.InputGroup>
                         </BS.Form.Row>
                     </BS.Col>
-                ))} <BS.Col className="mb-2" xs={12} lg={2}><BS.Button block variant="light" onClick={() => addProxyField()}>Add new</BS.Button></BS.Col>
+                ))} <BS.Col className="mb-2" xs={12} lg={3}><BS.Button block variant="light" onClick={() => addProxyField()}>Add new</BS.Button></BS.Col>
              </BS.Form.Row>
              <BS.Button variant="light" onClick={() => resetProxyFields()}>Exit</BS.Button> <BS.Button variant="primary" type="submit">Submit</BS.Button>
         </BS.Form><hr/></> : proxyView ? 
diff --git a/src/Custom.scss b/src/Custom.scss
index 6fa0ab95..c28e21d7 100644
--- a/src/Custom.scss
+++ b/src/Custom.scss
@@ -320,4 +320,7 @@ blockquote {
   background: linear-gradient(to bottom,  rgba(52, 58, 64, 1) 0%, rgba(52, 58, 64, 0) 100%);
 }
 
+textarea {
+  resize: none !important;
+}
 @import "~bootstrap/scss/bootstrap";