From 54c36e65ef154bc9c7fd44b98bc907da2988b589 Mon Sep 17 00:00:00 2001 From: Ajay Ramachandran Date: Tue, 22 Dec 2020 01:20:22 -0500 Subject: [PATCH] Make popup work better on mobile --- public/popup.css | 12 ++++++++++++ public/popup.html | 4 +++- 2 files changed, 15 insertions(+), 1 deletion(-) diff --git a/public/popup.css b/public/popup.css index dcad93b0..2aa096a6 100644 --- a/public/popup.css +++ b/public/popup.css @@ -10,6 +10,18 @@ display: none !important; } +@media only screen and (max-width: 600px) { + #sponsorBlockPopupBody { + width: 100%; + } +} + +#sponsorBlockPopupBody { + margin: auto; + width: 374px; + background: var(--sb-main-bg-color); +} + #sponsorblockPopup { color: var(--sb-main-fg-color); font-family: 'Source Sans Pro', sans-serif; diff --git a/public/popup.html b/public/popup.html index 33119900..1b472959 100644 --- a/public/popup.html +++ b/public/popup.html @@ -2,9 +2,11 @@ __MSG_openPopup__ + + - +