store open folders in localstorage

1 files changed, 41 insertions, 4 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index bb6903f..7d08cdc 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -30,7 +30,7 @@ html,body {
   left: 50%;
   transform: translate3d(-50%,-50%,0);
   background: white;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 h1 {
@@ -61,19 +61,56 @@ textarea {
 
 .folders, .folder {
   background: white;
+  padding: 5px;
+  margin: 5px;
+  border: 1px solid #888;
+  max-width: 400px;
+}
+.folders .name,
+.folder .name {
+  cursor: pointer;
+  color: #08f;
+  text-decoration: underline;
 }
 
-button {
-  font-size: 15px;
+.list div {
+  padding: 0 0 5px 0;
 }
 
+.heading {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-content: center;
+  margin-bottom: 5px;
+}
+.heading b {
+  padding: 5px 0;
+}
+.heading > div {
+  flex: 1;
+}
+.heading .buttons {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-content: flex-end;
+}
+button,
 .fileUploadButton {
   font-size: 15px;
   position: relative;
   overflow: hidden;
+  font-family: sans-serif;
   padding: 5px;
   display: inline-block;
-  background: #eee;
+  background: #888;
+  color: white;
+  border: 0;
+  margin-left: 5px;
+}
+button:first-child {
+  margin: 0;
 }
 .fileUploadButton input {
   position: absolute;