fix(css): styling issue

remove forced margin top when no folder style exists
Tripwire · Mar 9, 2017 · 21ab353 · 21ab353
1 parent e7fea3d
commit 21ab353
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/components/accordian/Accordian.jsx b/src/components/accordian/Accordian.jsx
@@ -24,7 +24,10 @@ class Accordian extends React.Component {
   render() {
     let borderClass = '';
     if (this.props.noBorder){
-      borderClass = 'noborder';
+      borderClass = 'accordian__noborder';
+    }
+    if (this.props.folder){
+      borderClass += ' accordian__folderpad'
     }
     return (
       <Flexbox flexDirection="column" className={`accordian__row ${borderClass}`} key={this.props.data.id}>

diff --git a/src/styles/components/accordian.css b/src/styles/components/accordian.css
@@ -1,16 +1,18 @@
 @import '../variables.css';
 
-.noborder{
+.accordian__noborder{
   border: 0px !important;
 }
-
+.accordian__folderpad{
+  margin-top: 10px;
+}
 
 .accordian__row{
   border: 1px solid #D0D2D3;
   background-color: white;
   position: relative;
   min-height: 60px;
-  margin-top:10px;
+
   & .topedge{
     height: 10px;
     border: 1px solid #D0D2D3;