about summary refs log tree commit diff stats
path: root/src/pages
diff options
context:
space:
mode:
Diffstat (limited to 'src/pages')
-rw-r--r--src/pages/popup/popup.js5
-rw-r--r--src/pages/popup/popup.pug2
-rw-r--r--src/pages/stylesheets/styles.css16
3 files changed, 18 insertions, 5 deletions
diff --git a/src/pages/popup/popup.js b/src/pages/popup/popup.js
index 777733f7..cfb7be27 100644
--- a/src/pages/popup/popup.js
+++ b/src/pages/popup/popup.js
@@ -70,10 +70,12 @@ browser.tabs.query({ active: true, currentWindow: true }, async tabs => {
 
 	// Set visibility of control buttons
 	if (tabs[0].url) {
+		const hr = document.getElementById("hr")
 		url = new URL(tabs[0].url)
 		servicesHelper.switchInstance(url).then(r => {
 			if (r) {
 				document.getElementById("change_instance_div").style.display = ""
+				hr.style.display = ""
 				document.getElementById("change_instance").addEventListener("click", async () =>
 					browser.tabs.update({ url: await servicesHelper.switchInstance(url) })
 				)
@@ -82,6 +84,7 @@ browser.tabs.query({ active: true, currentWindow: true }, async tabs => {
 		servicesHelper.copyRaw(url, true).then(r => {
 			if (r) {
 				document.getElementById("copy_original_div").style.display = ""
+				hr.style.display = ""
 				document.getElementById("copy_original").addEventListener("click", () =>
 					servicesHelper.copyRaw(url)
 				)
@@ -90,6 +93,7 @@ browser.tabs.query({ active: true, currentWindow: true }, async tabs => {
 		servicesHelper.reverse(url).then(r => {
 			if (r) {
 				document.getElementById("redirect_to_original_div").style.display = ""
+				hr.style.display = ""
 				document.getElementById("redirect_to_original").addEventListener("click", () =>
 					browser.runtime.sendMessage("reverseTab")
 				)
@@ -98,6 +102,7 @@ browser.tabs.query({ active: true, currentWindow: true }, async tabs => {
 		servicesHelper.redirectAsync(url, "main_frame", null, true).then(r => {
 			if (r) {
 				document.getElementById("redirect_div").style.display = ""
+				hr.style.display = ""
 				document.getElementById("redirect").addEventListener("click", () =>
 					browser.runtime.sendMessage("redirectTab")
 				)
diff --git a/src/pages/popup/popup.pug b/src/pages/popup/popup.pug
index d7ebdd49..ed4c7319 100644
--- a/src/pages/popup/popup.pug
+++ b/src/pages/popup/popup.pug
@@ -30,7 +30,7 @@ html(lang="en")
                 svg(xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" preserveAspectRatio="xMinYMin meet" fill="currentColor")
                     path(d="M 17,20 V 11 Q 17,10.175 16.412,9.587 15.825,9 15,9 H 6.8 L 8.4,7.4 7,6 3,10 7,14 8.4,12.6 6.8,11 H 15 v 9 z" id="path2")
 
-        hr
+        hr(id="hr" style="display: none")
 
         div(id="current_site")
             include /src/pages/popup/switches
diff --git a/src/pages/stylesheets/styles.css b/src/pages/stylesheets/styles.css
index 2aa52d57..e3212a66 100644
--- a/src/pages/stylesheets/styles.css
+++ b/src/pages/stylesheets/styles.css
@@ -131,7 +131,7 @@ section.links {
 	flex-wrap: wrap;
 	flex-direction: column;
 	width: 350px;
-	max-height: 930px;
+	max-height: 970px;
 }
 
 section.links div {
@@ -375,19 +375,27 @@ input:disabled {
 	cursor: not-allowed;
 }
 
-
 @media (max-width: 1250px) {
 	body.option {
 		flex-direction: column;
-		width: 750px;
+		width: 95vw;
 		align-items: center;
+		padding: 40px 0px;
 	}
 
 	section.links {
 		flex-direction: row;
-		width: 750px;
+		width: 95vw;
 		padding: 0 55px;
 	}
+
+	section.block-option {
+		width: 95vw;
+	}
+
+	div.checklist div x {
+		overflow: hidden;
+	}
 }
 
 html.mobile img,