From dfa5834b3cf75e451967e238f324a741b83af721 Mon Sep 17 00:00:00 2001
From: ManeraKai <manerakai@protonmail.com>
Date: Tue, 10 May 2022 05:44:01 +0300
Subject: Improving UI. Making instance urls clickable #244

---
 src/assets/javascripts/helpers/common.js |  2 +-
 src/pages/stylesheets/styles.css         | 13 +++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/assets/javascripts/helpers/common.js b/src/assets/javascripts/helpers/common.js
index 5d470cf0..7b3a20a5 100644
--- a/src/assets/javascripts/helpers/common.js
+++ b/src/assets/javascripts/helpers/common.js
@@ -182,7 +182,7 @@ async function processDefaultCustomInstances(
           let latencyLimit = (instancesLatency[x] == 5000 ? '5000ms+' : instancesLatency[x] + 'ms')
           let latency = x in instancesLatency ? '<span style="color:' + latencyColor + ';">' + latencyLimit + '</span>' : '';
 
-          return `<div><x>${x}${cloudflare} ${latency}</x><input type="checkbox" class="${x}"/></div>`;
+          return `<div><x><a href="${x}" target="_blank">${x}</a>${cloudflare} ${latency}</x><input type="checkbox" class="${x}"/></div>`;
         }
       ),
     ].join('\n<hr>\n');
diff --git a/src/pages/stylesheets/styles.css b/src/pages/stylesheets/styles.css
index 58fa3dcc..8b2718cd 100644
--- a/src/pages/stylesheets/styles.css
+++ b/src/pages/stylesheets/styles.css
@@ -106,9 +106,8 @@ section.option-block h2 {
 
 body.option {
   display: flex;
-  align-items: flex-start;
   padding: 40px;
-  width: 1200px;
+  width: 900px;
 }
 
 section.links div {
@@ -358,6 +357,16 @@ div.checklist div {
   padding: 10px 0;
   word-wrap: break-word;
   display: flex;
+
+}
+
+div.checklist a {
+  text-decoration: none;
+  color: var(--text);
+}
+
+div.checklist a:hover {
+  text-decoration: underline;
 }
 
 div.checklist-popup div {
-- 
cgit 1.4.1