From 7a671bc96ef06df3da3d2dce3caca559f32c6627 Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Fri, 5 Mar 2021 23:12:28 -0800
Subject: text area styling

---
 frontend/src/components/Inputs/shared.js | 24 +++++++-----------------
 1 file changed, 7 insertions(+), 17 deletions(-)

(limited to 'frontend/src/components/Inputs/shared.js')

diff --git a/frontend/src/components/Inputs/shared.js b/frontend/src/components/Inputs/shared.js
index 18ba164..4239e89 100644
--- a/frontend/src/components/Inputs/shared.js
+++ b/frontend/src/components/Inputs/shared.js
@@ -2,24 +2,14 @@ import styled from "styled-components";
 import React from "react";
 import FloatingLabel from "../decorators/FloatingLabel";
 
-export const RelPositioning = styled.div`
-    position: relative; 
-    height: calc(100% - 4em);
-`
-
-export const FlexChild = styled.div`
+export const Wrapper = styled.div`
     display: block;
     margin-left: 2em;
 `
 
-export const Labelled = ({label, value, children}) => {
-  console.log(children)
-  return (<FlexChild>
-    <RelPositioning>
-      <FloatingLabel label={label} value={value} >
-        <span>{label}</span>
-        {children}
-      </FloatingLabel>
-    </RelPositioning>
-  </FlexChild>)
-}
\ No newline at end of file
+export const Labelled = ({label, value, children}) => <Wrapper>
+  <FloatingLabel label={label} value={value} >
+    <span>{label}</span>
+    {children}
+  </FloatingLabel>
+</Wrapper>
\ No newline at end of file
-- 
cgit v1.2.3