button styling

2 files changed, 4 insertions, 9 deletions

diff --git a/frontend/src/components/Inputs/Dropdown.js b/frontend/src/components/Inputs/Dropdown.js
index a3f3b48..9f7c246 100644
--- a/frontend/src/components/Inputs/Dropdown.js
+++ b/frontend/src/components/Inputs/Dropdown.js
@@ -1,14 +1,14 @@
 import Dropdown from "react-dropdown";
-import FloatingLabel from "../decorators/FloatingLabel";
 import React from "react";
 import styled from 'styled-components';
 import {LANGS, THEMES} from "../renderers/Code";
 import {Labelled} from "./shared";
-import {Border, InputLike, Rounded} from "../Form/mixins";
+import {Border, DropShadow, InputLike, Rounded} from "../Form/mixins";
 
 const StyledDropdown = styled(Dropdown)`
   ${Border}
   ${Rounded}
+  ${DropShadow}
   ${InputLike}
   cursor: pointer;
   
diff --git a/frontend/src/components/Inputs/shared.js b/frontend/src/components/Inputs/shared.js
index 4239e89..2f6ee3f 100644
--- a/frontend/src/components/Inputs/shared.js
+++ b/frontend/src/components/Inputs/shared.js
@@ -2,14 +2,9 @@ import styled from "styled-components";
 import React from "react";
 import FloatingLabel from "../decorators/FloatingLabel";
 
-export const Wrapper = styled.div`
-    display: block;
-    margin-left: 2em;
-`
-
-export const Labelled = ({label, value, children}) => <Wrapper>
+export const Labelled = ({label, value, children}) => <div>
   <FloatingLabel label={label} value={value} >
     <span>{label}</span>
     {children}
   </FloatingLabel>
-</Wrapper>
\ No newline at end of file
+</div>
\ No newline at end of file