Merge pull request #1454 from jschleic/download-ui

Refactor Share & Download UI for better usability

umap/static/umap/base.css

@@ -162,13 +162,15 @@ textarea {
     padding: 7px;
 }
 select {
+    border: 1px solid #222;
     width: 100%;
     height: 28px;
     line-height: 28px;
+    margin-top: 5px;
+}
+.dark select {
     color: #efefef;
-    border: 1px solid #222;
     background-color: #393F3F;
-    margin-top: 5px;
 }
 select[multiple="multiple"] {
     height: auto;
@@ -294,28 +296,34 @@ input[type="file"] + .error {
     text-align: left;
     display: block;
     cursor: pointer;
-    background-color: #232729;
+    background-color: #eee;
     height: 30px;
     line-height: 30px;
-    color: #fff;
     margin: 0;
     font-family: fira_sans;
     font-weight: normal;
     font-size: 1.2em;
     padding: 0 5px;
 }
+.dark .fieldset.toggle .legend {
+    background-color: #232729;
+    color: #fff;
+}
 .fieldset.toggle .legend:before {
     background-repeat: no-repeat;
     text-indent: 24px;
     height: 24px;
     width: 24px;
     line-height: 24px;
     display: inline-block;
-    background-image: url('./img/16-white.svg');
+    background-image: url('./img/16.svg');
     vertical-align: bottom;
     content: " ";
     background-position: -144px -76px;
 }
+.dark .fieldset.toggle .legend:before {
+    background-image: url('./img/16-white.svg');
+}
 .fieldset.toggle.on .legend:before {
     background-position: -144px -51px;
 }
@@ -448,7 +456,8 @@ input.switch:checked ~ label:after {
 }
 .umap-field-iconUrl .action-button,
 .inheritable .define,
-.inheritable .undefine {
+.inheritable .undefine,
+.copy-button {
     float: right;
     width: initial;
     min-height: 18px;