From 646502f9cfcf1fee1e825cfffea3e540741699d0 Mon Sep 17 00:00:00 2001
From: Manan Jethwani <mananjethwani02@gmail.com>
Date: Tue, 13 Jul 2021 20:00:43 +0530
Subject: [PATCH] changed font style for modal

---
 static/skin/home.css        | 12 +++++-------
 static/skin/index.js        | 12 ++++++------
 static/templates/index.html |  5 -----
 3 files changed, 11 insertions(+), 18 deletions(-)

diff --git a/static/skin/home.css b/static/skin/home.css
index f7742d8a9..f49548b86 100644
--- a/static/skin/home.css
+++ b/static/skin/home.css
@@ -330,16 +330,14 @@ body {
     text-decoration: none;
 }
 
-.modal-content span {
-    cursor: pointer;
-}
-
-.modal-content a>div, .modal-content span>div {
+.modal-content a>div {
     position: relative;
-    top: -26px;
+    top: -28px;
     left: 50px;
     text-decoration: underline;
-    color: black;
+    font-size: 13px;
+    font-family: poppins;
+    color: #444343;
 }
 
 .modal-content img {
diff --git a/static/skin/index.js b/static/skin/index.js
index a5904e583..90807e07c 100644
--- a/static/skin/index.js
+++ b/static/skin/index.js
@@ -143,25 +143,25 @@
                         <div class="modal-regular-download">
                             <a href="${downloadLink}" download>
                                 <img src="../skin/download.png" alt="direct download" />
-                                <div>Direct download</div>
+                                <div>Direct</div>
                             </a>
                         </div>
                         <div class="modal-regular-download">
                             <a href="${downloadLink}.sha256" download>
                                 <img src="../skin/hash.png" alt="download hash" />
-                                <div>Download sha256 hash</div>
+                                <div>Sha256 hash</div>
                             </a>
                         </div>
                         <div class="modal-regular-download">
-                            <span onclick="fetchAndRedirect('${downloadLink}.magnet')">
+                            <a href="${downloadLink}.magnet" target="_blank">
                                 <img src="../skin/magnet.png" alt="download magnet" />
-                                <div>Download magnet link</div>
-                            </span>
+                                <div>Magnet link</div>
+                            </a>
                         </div>
                         <div class="modal-regular-download">
                             <a href="${downloadLink}.torrent" download>
                                 <img src="../skin/bittorrent.png" alt="download torrent" />
-                                <div>Download torrent file</div>
+                                <div>Torrent file</div>
                             </a>
                         </div>
                     </div>
diff --git a/static/templates/index.html b/static/templates/index.html
index 41c0b294a..c6f05aa42 100644
--- a/static/templates/index.html
+++ b/static/templates/index.html
@@ -77,10 +77,5 @@
         modal.remove();
       }
     }
-    async function fetchAndRedirect(link) {
-      const response = await fetch(link);
-      const magnetLink = await response.text();
-      window.location = magnetLink;
-    }
   </script>
 </html>