added edit button placeholder for folder view page

BlueAccords · Jun 4, 2018 · ef8ee8b · ef8ee8b
1 parent f9c38ca
commit ef8ee8b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/client/src/theme.scss b/client/src/theme.scss
@@ -4,6 +4,14 @@
 
 // override bulma + add custom scss here
 
+// misc css
+
+.container-space-between {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+
 // single folder 
 .single-folder-container {
   @include until($desktop) {

diff --git a/client/src/views/containers/SingleFolder/index.jsx b/client/src/views/containers/SingleFolder/index.jsx
@@ -24,7 +24,10 @@ class SingleFolder extends React.Component {
         </div>
       </section>
       <div className="container single-folder-container">
-        <h2 className='title'>Chips</h2>
+        <div className="container-space-between">
+          <h2 className='title'>Chips</h2>
+          <button className="button">Edit</button>
+        </div>
         <ChipTable chips = {child_chips}/>
       </div>
       </Fragment>