diff --git a/popup.html b/popup.html
index 399f5285..70a3dd22 100644
--- a/popup.html
+++ b/popup.html
@@ -22,6 +22,19 @@
color: black;
}
+ .left-gutter {
+ display: table-cell;
+ width: 16px;
+ vertical-align: top;
+ }
+ .left-gutter input {
+ margin-top: 0;
+ margin-left: 0;
+ }
+ .main-controls {
+ display: table-cell;
+ }
+
.entry {
padding: 0.5em 0;
border-bottom: 1px solid black;
@@ -49,7 +62,7 @@
margin-top: 0.5em;
}
- .actions > div, #unavailable {
+ .actions > div:not(:last-child), .actions > .main-controls > div:not(:last-child), #unavailable:not(:last-child) {
margin-bottom: 0.75em;
}
.actions input, .actions label {
@@ -59,12 +72,10 @@
#unavailable {
border: none;
}
- #unavailable:empty {
- display: none;
- }
body.blocked #installed,
body.blocked #find-styles,
- body.blocked #write-style {
+ body.blocked #write-style,
+ body:not(.blocked) #unavailable {
display: none;
}
@@ -121,18 +132,25 @@
-
+
diff --git a/popup.js b/popup.js
index de1f8e62..463e567f 100644
--- a/popup.js
+++ b/popup.js
@@ -1,5 +1,5 @@
var styleTemplate = document.createElement("div");
-styleTemplate.innerHTML = "";
+styleTemplate.innerHTML = "";
var writeStyleTemplate = document.createElement("a");
writeStyleTemplate.className = "write-style-link";
@@ -26,7 +26,7 @@ function updatePopUp(url) {
var urlWillWork = /^(file|http|https|chrome\-extension):/.exec(url);
if (!urlWillWork) {
document.body.classList.add("blocked");
- tE("unavailable", "stylishUnavailableForURL");
+ tE("unavailable-message", "stylishUnavailableForURL");
return;
}