diff --git a/src/css/common.css b/src/css/common.css
index 387a68ba6..baf64e4f5 100644
--- a/src/css/common.css
+++ b/src/css/common.css
@@ -4,12 +4,13 @@
position: relative;
}
body [data-tip]:after {
- background-color: #444;
+ background-color: #333;
border-radius: 3px;
box-sizing: border-box;
color: #eee;
content: attr(data-tip);
font-size: 12px;
+ font-weight: normal;
left: 0.5em;
line-height: 130%;
opacity: 0;
@@ -24,10 +25,10 @@ body [data-tip]:after {
z-index: 20;
}
body [data-tip]:hover:after {
- opacity: 1;
+ opacity: 0.9;
position: absolute;
- transition: visibility 0s 0.6s, opacity 0.2s 0.7s;
- -webkit-transition: visibility 0s 0.6s, opacity 0.2s 0.7s;
+ transition: visibility 0s 0.3s, opacity 0.2s 0.4s;
+ -webkit-transition: visibility 0s 0.3s, opacity 0.2s 0.4s;
visibility: visible;
}
body[dir=rtl] [data-tip]:hover:after {
diff --git a/src/css/popup.css b/src/css/popup.css
index 512b0a925..fb88e334d 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -37,15 +37,18 @@ a {
padding: 4px;
padding-top: 5px;
color: #eee;
- font-weight: bold;
background-color: #444;
text-align: center;
cursor: pointer;
}
+#appname {
+ margin-left: 3px;
+ font-weight: bold;
+ }
#version {
- font-size: 11px;
- font-weight: normal;
- margin-left: 1em;
+ font-size: 75%;
+ opacity: 0.8;
+ margin-left: 5px;
}
html {
font-size: 0;
diff --git a/src/img/icons.svg b/src/img/icons.svg
index 12f06f135..c0c71abb5 100755
--- a/src/img/icons.svg
+++ b/src/img/icons.svg
@@ -12,6 +12,10 @@
eraser
+
+ preferences
+
+
eyedropper
@@ -28,15 +32,19 @@
stats
-
- view
-
-
reload
+
+ view
+
+
+
+
+
+
filter
diff --git a/src/popup.html b/src/popup.html
index 9c4d1691c..cc36e5ca4 100644
--- a/src/popup.html
+++ b/src/popup.html
@@ -10,7 +10,7 @@
-
+