diff --git a/app/app.html b/app/app.html
index b6d3f3a..77cba57 100644
--- a/app/app.html
+++ b/app/app.html
@@ -182,9 +182,9 @@
                             </span>
                             <input type="range" value="100" id="volume">
                         </div>
-                        <span class="ts" id="elapsed">--:--</span>
+                        <span class="ts" id="elapsed">00:00</span>
                         <input type="range" min="0" max="1000" value="0" id="progress">
-                        <span class="ts" id="remaining">--:--</span>
+                        <span class="ts" id="remaining">00:00</span>
                         <div class="subtitles dropdown dropup with-arrow">
                             <span class="material-icons ctrl" title="Subtitles [C]" id="bcap" data-toggle="dropdown"
                                 id="subtitle-popover" aria-haspopup="true" aria-expanded="false">
@@ -289,7 +289,7 @@
                         </div>
                         <select class="form-control" id="subtitle1">
                             <option value="'Open Sans', sans-serif">Open Sans</option>
-                            <option value="'Roboto', sans-serif">Roboto</option>
+                            <option value="Roboto,Arial,Helvetica,sans-serif">Roboto</option>
                         </select>
                     </div>
 
diff --git a/app/css/player.css b/app/css/player.css
index d341d65..64af9d8 100644
--- a/app/css/player.css
+++ b/app/css/player.css
@@ -101,7 +101,7 @@ video::cue {
     position: absolute;
     user-select: none;
     opacity: 1;
-    font-family: Roboto, monospace
+    font-family: Roboto,Arial,Helvetica,sans-serif
 }
 
 .controls>*:hover {
@@ -124,7 +124,7 @@ video::cue {
 }
 
 .player .ts {
-    font-size: 2rem !important;
+    font-size: 1.8rem !important;
     white-space: nowrap;
     align-self: center;
     cursor: default;
@@ -134,8 +134,6 @@ video::cue {
 
 #progress {
     width: 100%;
-    align-self: center;
-    padding: 1rem 0;
     position: relative;
 }
 
@@ -188,7 +186,7 @@ video::cue {
     opacity: 0;
     position: absolute;
     transform: translate(-50%, -100%);
-    font-family: Roboto, monospace;
+    font-family: Roboto,Arial,Helvetica,sans-serif;
     color: #ececec;
     white-space: nowrap;
     align-self: center;
@@ -211,7 +209,7 @@ video::cue {
 }
 
 .controls input#progress[type=range]::before {
-    top: 0rem;
+    top: .5rem;
     content: attr(data-ts);
 }
 
diff --git a/app/js/playerHandler.js b/app/js/playerHandler.js
index f67a264..ba6a046 100644
--- a/app/js/playerHandler.js
+++ b/app/js/playerHandler.js
@@ -24,6 +24,7 @@ volume.addEventListener("input", function () {
 });
 progress.addEventListener("input", dragBar);
 progress.addEventListener("mouseup", dragBarEnd);
+progress.addEventListener("touchend", dragBarEnd);
 progress.addEventListener("click", dragBarEnd);
 progress.addEventListener("mousedown", dragBarStart);
 ptoggle.addEventListener("click", bpp);
@@ -195,7 +196,7 @@ let islooped;
 
 function toTS(sec) {
     if (Number.isNaN(sec)) {
-        return "--:--";
+        return "00:00";
     }
 
     let hours = Math.floor(sec / 3600)
diff --git a/app/js/torrentHandler.js b/app/js/torrentHandler.js
index b202920..2856c5c 100644
--- a/app/js/torrentHandler.js
+++ b/app/js/torrentHandler.js
@@ -68,7 +68,7 @@ async function addTorrent(magnet) {
         // torrent.on('error', console.error)
         torrent.on('noPeers', function () {
             halfmoon.initStickyAlert({
-                content: `Couldn't find peers for <span class="text-break">${magnet}</span>! Try a torrent with more seeders.`,
+                content: `Couldn't find peers for <span class="text-break">${torrent.infoHash}</span>! Try a torrent with more seeders.`,
                 title: "Search Failed",
                 alertType: "alert-danger",
                 fillType: ""