diff --git a/src/css/popup.css b/src/css/popup.css index fb88e334d..6ba365daa 100644 --- a/src/css/popup.css +++ b/src/css/popup.css @@ -342,7 +342,7 @@ body.dirty #refresh:hover { opacity: 0.7; background-color: #444; border-radius: 4px; - color: rgb(255, 213, 123); + color: rgba(255, 255, 255, 0.8); cursor: pointer; display: none; font-size: 35px; diff --git a/src/img/icons.svg b/src/img/icons.svg index c0c71abb5..c9afc85a3 100755 --- a/src/img/icons.svg +++ b/src/img/icons.svg @@ -1,8 +1,8 @@ - - lock - + + save + power diff --git a/src/js/popup.js b/src/js/popup.js index fef1f2f6e..d21c77d4d 100644 --- a/src/js/popup.js +++ b/src/js/popup.js @@ -324,10 +324,13 @@ var buildAllFirewallRows = function() { // The padlock must be manually positioned: // - 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('saveRules').style.setProperty('left', (rect.left + 4) + 'px'); - - updateAllFirewallCells(); }; /******************************************************************************/ diff --git a/src/popup.html b/src/popup.html index cc36e5ca4..b935cb364 100644 --- a/src/popup.html +++ b/src/popup.html @@ -35,7 +35,7 @@
-
+