diff --git a/src/css/click2load.css b/src/css/click2load.css
index 5f7dfdd68..25a5d7782 100644
--- a/src/css/click2load.css
+++ b/src/css/click2load.css
@@ -42,7 +42,10 @@ body {
overflow: hidden;
word-break: break-all;
}
-
+#frameURL > a {
+ font-size: 1rem;
+ }
+
#clickToLoad {
cursor: default;
margin-bottom: 1em;
diff --git a/src/js/click2load.js b/src/js/click2load.js
index b43e5cdb1..c0e0b4cc3 100644
--- a/src/js/click2load.js
+++ b/src/js/click2load.js
@@ -34,7 +34,8 @@ const url = new URL(self.location.href);
const frameURL = url.searchParams.get('url');
const frameURLElem = document.getElementById('frameURL');
-frameURLElem.textContent = frameURL;
+frameURLElem.children[0].textContent = frameURL;
+frameURLElem.children[1].href = frameURL;
const onWindowResize = function() {
document.body.style.width = `${self.innerWidth}px`;
@@ -47,7 +48,7 @@ self.addEventListener('resize', onWindowResize);
document.body.addEventListener('click', ev => {
if ( ev.isTrusted === false ) { return; }
- //if ( ev.target === frameURLElem ) { return; }
+ if ( ev.target.closest('#frameURL') !== null ) { return; }
vAPI.messaging.send('default', {
what: 'clickToLoad',
frameURL,
diff --git a/src/web_accessible_resources/click2load.html b/src/web_accessible_resources/click2load.html
index dbf7f3d6f..b173d5471 100644
--- a/src/web_accessible_resources/click2load.html
+++ b/src/web_accessible_resources/click2load.html
@@ -6,6 +6,7 @@
uBlock Origin Click-to-Load
+
@@ -13,8 +14,9 @@
-
+
+