diff --git a/src/css/popup.css b/src/css/popup.css
index f3a2f175c..b7002bf7a 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -341,23 +341,25 @@ body.dirty #refresh:hover {
#saveflushButtonGroup {
display: none;
position: fixed;
+ left: 4px;
}
#saveRules,
#flushRules {
+ display: inline-block;
opacity: 0.7;
background-color: #444;
border-radius: 4px;
color: rgba(255, 255, 255, 0.8);
cursor: pointer;
- font-size: 35px;
- height: 35px;
+ font-size: 30px;
+ height: 30px;
padding: 8px;
text-align: center;
}
#firewallContainer.dirty ~ #saveflushButtonGroup {
display: block;
}
-#firewallContainer.dirty ~ #saveRules:hover,
-#firewallContainer.dirty ~ #flushRules:hover {
+#saveRules:hover,
+#flushRules:hover {
opacity: 1;
}
diff --git a/src/img/icons.svg b/src/img/icons.svg
index 3bfa57963..0f6944fc8 100755
--- a/src/img/icons.svg
+++ b/src/img/icons.svg
@@ -4,9 +4,9 @@
save
-
+
trash
-
+
power
diff --git a/src/js/popup.js b/src/js/popup.js
index 820093b14..04876a30b 100644
--- a/src/js/popup.js
+++ b/src/js/popup.js
@@ -325,12 +325,6 @@ var buildAllFirewallRows = function() {
// - Its horizontal position depends on whether there is a vertical
// scrollbar.
updateAllFirewallCells();
- setTimeout(updateDfButtonsPosition, 500);
-};
-
-var updateDfButtonsPosition = function() {
- var rect = document.getElementById('firewallContainer').getBoundingClientRect();
- document.getElementById('saveflushButtonGroup').style.setProperty('left', (rect.left + 4) + 'px');
};
/******************************************************************************/