From 73743832b8f88a75b8671fe835f7bcf5da8a6682 Mon Sep 17 00:00:00 2001
From: jordan-ae <arreyetta1jnr@gmail.com>
Date: Tue, 17 Dec 2024 11:02:10 +0100
Subject: [PATCH] fix:  adjust field widths on edit

---
 src/components/form/bounty/index.tsx         | 5 ++++-
 src/components/form/inputs/TextAreaInput.tsx | 2 +-
 src/people/main/style.ts                     | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/form/bounty/index.tsx b/src/components/form/bounty/index.tsx
index 7759c9c4..821dd860 100644
--- a/src/components/form/bounty/index.tsx
+++ b/src/components/form/bounty/index.tsx
@@ -698,7 +698,10 @@ function Form(props: FormProps) {
                       flexDirection: 'column',
                       alignItems: 'center',
                       color: '#3C3D3F',
-                      minWidth: '650px'
+                      width: '100%',
+                      padding: '0px 40px 0px 40px',
+                      paddingTop: '0px',
+                      height: '100vh'
                     }}
                   >
                     {/* mapping each bounty creation step to the appropriate
diff --git a/src/components/form/inputs/TextAreaInput.tsx b/src/components/form/inputs/TextAreaInput.tsx
index bc197c79..4e1727c0 100644
--- a/src/components/form/inputs/TextAreaInput.tsx
+++ b/src/components/form/inputs/TextAreaInput.tsx
@@ -8,7 +8,7 @@ import { FieldEnv, FieldTextArea, Note } from './index';
 const StyleOnText = {
   'Description *': {
     height: '172px',
-    width: '292px'
+    width: '100%'
   },
   Deliverables: {
     height: '135px',
diff --git a/src/people/main/style.ts b/src/people/main/style.ts
index dddc789f..20d70eae 100644
--- a/src/people/main/style.ts
+++ b/src/people/main/style.ts
@@ -46,7 +46,7 @@ interface BProps {
 export const B = styled.div<BProps>`
   display: ${(p: any) => (p.hide ? 'none' : 'flex')};
   justify-content: ${(p: any) => (p.hide ? 'none' : 'center')};
-  height: 100%;
+  height: 100vh;
   width: 100%;
   overflow-y: auto;
   box-sizing: border-box;