es6 stuff

1 files changed, 35 insertions, 10 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index 7d08cdc..3ed248f 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -3,15 +3,21 @@ html,body {
   padding: 0;
   width: 100%;
   height: 100%;
-  font-family: sans-serif;
   background: #f8feff;
 }
+html,body,input,button,textarea,.fileUploadButton {
+  font-size: 12px;
+  font-family: sans-serif;
+}
 .header {
   width: 100%;
   padding: 5px;
   background: black;
   color: white;
 }
+
+/* modal */
+
 .modal {
   width: 100%;
   height: 100%;
@@ -33,6 +39,8 @@ html,body {
   border-radius: 2px;
 }
 
+/* forms */
+
 h1 {
   margin-top: 0;
 }
@@ -45,23 +53,21 @@ label {
 }
 input {
   width: 200px;
-  font-size: 15px;
   border: 1px solid #888;
-  font-family: sans-serif;
   padding: 5px;
 }
 textarea {
   width: 320px;
   height: 160px;
   padding: 5px;
-  font-size: 15px;
   border: 1px solid #888;
   margin-top: 10px;
 }
 
+/* file browser */
+
 .folders, .folder {
   background: white;
-  padding: 5px;
   margin: 5px;
   border: 1px solid #888;
   max-width: 400px;
@@ -74,7 +80,16 @@ textarea {
 }
 
 .list div {
-  padding: 0 0 5px 0;
+  padding: 5px;
+}
+.list > div:nth-child(2n+1) {
+  background: white;
+}
+.list > div:nth-child(2n+2) {
+  background: #f8f8f8;
+}
+.list > div:hover {
+  background: #eee;
 }
 
 .heading {
@@ -83,9 +98,11 @@ textarea {
   justify-content: center;
   align-content: center;
   margin-bottom: 5px;
+  background: #333;
+  color: white;
 }
 .heading b {
-  padding: 5px 0;
+  padding: 5px;
 }
 .heading > div {
   flex: 1;
@@ -96,18 +113,22 @@ textarea {
   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: #888;
   color: white;
   border: 0;
-  margin-left: 5px;
+  margin-left: 1px;
+  cursor: pointer;
+}
+.desktop button:hover,
+.desktop .fileUploadButton:hover {
+  background: #666;
 }
 button:first-child {
   margin: 0;
@@ -118,4 +139,8 @@ button:first-child {
   width: 100%;
   height: 100%;
   opacity: 0;
+  cursor: pointer;
+}
+.fileUploadButton span {
+  cursor: pointer;
 }
\ No newline at end of file