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 = []