support append from cloud storage + uniformize buttons visual in dashboard

2 files changed, 24 insertions, 30 deletions

diff --git a/src/css/3p-filters.css b/src/css/3p-filters.css
index 2533cdf..09942e1 100644
--- a/src/css/3p-filters.css
+++ b/src/css/3p-filters.css
@@ -73,28 +73,6 @@ li.listEntry > a:nth-of-type(3) {
 .dim {
     opacity: 0.5;
     }
-/* I designed the button with: http://charliepark.org/bootstrap_buttons/ */
-button.custom {
-    padding: 0.6em 1em;
-    border: 1px solid transparent;
-    border-color: #80b3ff #80b3ff hsl(216, 100%, 75%);
-    border-radius: 3px;
-    background-color: hsl(216, 100%, 75%);
-    background-image: linear-gradient(#a8cbff, #80b3ff);
-    background-repeat: repeat-x;
-    color: #222;
-    opacity: 0.8;
-    }
-button.custom.disabled {
-    border-color: #dddddd #dddddd hsl(36, 0%, 85%);
-    background-color: hsl(36, 0%, 72%);
-    background-image: linear-gradient(#f2f2f2, #dddddd);
-    color: #aaa;
-    pointer-events: none;
-    }
-button.custom:hover {
-    opacity: 1.0;
-    }
 #buttonApply {
     display: initial;
     position: fixed;
diff --git a/src/css/common.css b/src/css/common.css
index 5fea2eb..29b3e2c 100644
--- a/src/css/common.css
+++ b/src/css/common.css
@@ -17,6 +17,30 @@ body {
     color: black;
     font: 14px/1.3 sans-serif;
     }
+/* I designed the button with: http://charliepark.org/bootstrap_buttons/ */
+button.custom {
+    padding: 0.6em 1em;
+    border: 1px solid transparent;
+    border-color: #ccc #ccc #bbb #bbb;
+    border-radius: 3px;
+    background-color: hsl(216, 0%, 75%);
+    background-image: linear-gradient(#f2f2f2, #dddddd);
+    background-repeat: repeat-x;
+    color: #000;
+    opacity: 0.8;
+    }
+button.custom.disabled,
+button.custom[disabled] {
+    border-color: #ddd #ddd hsl(36, 0%, 85%);
+    background-color: hsl(36, 0%, 72%);
+    background-image: linear-gradient(#f2f2f2, #dddddd);
+    color: #666;
+    opacity: 0.6;
+    pointer-events: none;
+    }
+button.custom:hover {
+    opacity: 1.0;
+    }
 button.important {
     padding: 0.6em 1em;
     border: 1px solid transparent;
@@ -28,14 +52,6 @@ button.important {
     color: #222;
     opacity: 0.8;
     }
-button.important[disabled],
-button.important.disabled {
-    border-color: #dddddd #dddddd hsl(36, 0%, 85%);
-    background-color: hsl(36, 0%, 72%);
-    background-image: linear-gradient(#f2f2f2, #dddddd);
-    color: #888;
-    pointer-events: none;
-    }
 button.important:hover {
     opacity: 1.0;
     }