diff --git a/edit.html b/edit.html index ebfadde4..227920b4 100644 --- a/edit.html +++ b/edit.html @@ -85,6 +85,32 @@ .applies-to img { vertical-align: bottom; } + + @media(max-width:737px) { + #header { + height: auto; + position: inherit; + width: auto; + border-right: none; + padding-left: 8px; + } + + #sections { + padding-left: 0px; + } + + #sections > div { + padding: 0px; + } + + #sections-heading { + padding-left: 8px; + } + + body > section > *:not(h2) { + padding-left: 8px; + } + } diff --git a/popup.js b/popup.js index dd182e7a..51d5cea2 100644 --- a/popup.js +++ b/popup.js @@ -5,7 +5,7 @@ var writeStyleTemplate = document.createElement("a"); writeStyleTemplate.className = "write-style-link"; chrome.tabs.getSelected(null, function(tab) { - var urlWillWork = /^(file|http|https|chrome\-extension):.*/.test(tab.url); + var urlWillWork = /^(file|http|https|chrome\-extension):.*/.exec(tab.url); if (!urlWillWork) { ["installed", "find-styles", "write-style"].forEach(function(id) { @@ -16,7 +16,7 @@ chrome.tabs.getSelected(null, function(tab) { } chrome.extension.sendMessage({method: "getStyles", matchUrl: tab.url}, showStyles); - document.querySelector("#find-styles a").href = "https://userstyles.org/styles/browse/all/" + encodeURIComponent(tab.url); + document.querySelector("#find-styles a").href = "https://userstyles.org/styles/browse/all/" + encodeURIComponent("file" === urlWillWork[1] ? "file:" : tab.url); // Write new style links var writeStyleLinks = []