From 5316b0474c331c98925b2956478eaa74521c14cd Mon Sep 17 00:00:00 2001
From: kipukun <kipukun@waifu.club>
Date: Mon, 5 Jun 2017 15:11:28 -0400
Subject: [PATCH] Fix mobile support by showing comments on mobile view, also
 vertical align DL icons

---
 public/css/classic.css  |  2 ++
 public/css/g.css        |  2 ++
 public/css/main.css     | 11 -----------
 public/css/tomorrow.css |  2 ++
 templates/home.html     |  6 +++---
 5 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/public/css/classic.css b/public/css/classic.css
index 1c21aaf7..514961cb 100644
--- a/public/css/classic.css
+++ b/public/css/classic.css
@@ -4,6 +4,7 @@
 	display: inline-block;
 	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAbFBMVEUAAAA2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWsVx+37AAAAI3RSTlMAAQIDBQgKDhItLklOT1JdY2Z4e3x/kZiwx8jX5unt7/f7/b5l+wAAAABrSURBVBhXhY7JEgFBFARTa4ydwbONNf//H116Ilo4qFNWHiqKTn0ngEKqZqCn/+KsdgOgou9sImIPwDYidvxu3FQnQFI1cVI9jsit6h1W1jlAftaiAaZVXwIwe5T6mpcreXFRr+tx/W/YwwejJxM5Y6lK9QAAAABJRU5ErkJggg==');
 	background-size: 13px;
+	vertical-align: middle;
 	height: 13px;
 	width: 13px;
 }
@@ -11,6 +12,7 @@
 	display: inline-block;
 	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAV1BMVEUAAAA2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWudYQmEAAAAHHRSTlMAAQIDBAYIDCAxO0pNYmN3ibS3urzBxcfM6+35eVmfrAAAAGZJREFUGFeNzkkOgCAMQNG2WnEecNbe/5wiRYM7f0iAF9IAozwdFdyJmdwloUTyufXA1oE/pEvzBUjX+guQnej2XmfupOoW+xBeiFJA0jBA935tULBleGEkQBEG8E/YJO4gQI4juAC37QvMhMtgFAAAAABJRU5ErkJggg==');
 	background-size: 13px;
+	vertical-align: middle;
 	height: 13px;
 	width: 13px;
 }
diff --git a/public/css/g.css b/public/css/g.css
index c6dfc50f..f69fece2 100644
--- a/public/css/g.css
+++ b/public/css/g.css
@@ -78,6 +78,7 @@ td.tr-le, .error-text { color: #E84C4C; }
 	display: inline-block;
 	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAARVBMVEUAAABnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2c4YLl1AAAAFnRSTlMAAQIFEBFDREZYWa3Bw9na3N7i5vf535CH5gAAAE5JREFUCFtVjTsWgCAQxAL4RxFB5/5HtUBE0+SlmF2itAMUSxJU/+uQIjR/+V+52u6ETdJkzChphUUvM7hUIzmgCyVCD4AdfM5+sO3Pww3AEwdA+ylEXQAAAABJRU5ErkJggg==');
 	background-size: 13px;
+	vertical-align: middle;
 	height: 13px;
 	width: 13px;
 }
@@ -85,6 +86,7 @@ td.tr-le, .error-text { color: #E84C4C; }
 	display: inline-block;
 	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANBAMAAACAxflPAAAAG1BMVEUAAABnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2eKp/RtAAAACHRSTlMADA8SFLTA01I9jMYAAAA5SURBVAgdY4jo6OhIZmBgaOho4FB3gNCMxRCaQQ1IR3S0MnAAaaAaFBqosRUkDpTgwEKDzAXqhAEAilwTpKgo3zMAAAAASUVORK5CYII=');
 	background-size: 13px;
+	vertical-align: middle;
 	height: 13px;
 	width: 13px;
 }
diff --git a/public/css/main.css b/public/css/main.css
index 84dbf2cb..53dcb872 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -560,17 +560,6 @@ div.profile-content.box > nav > ul > li, nav.adminNav > ul > li {
 	border-right-width: 1px;
 }
 
-.comment-icon {
-	width: 20px;
-	height: 20px;
-	display: inline-block;
-	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAD+ElEQVRYR7WX60vTURjHf94pMnwTWCkVEuJlOue8rKmbOp3XeUGdt4mIm/dNl0JzmBFhCUpEBPqiF73pIkIREpGQBEq9qFyoXQgse93foH3PfCzm7/zmNu0Dh+0855znPOfyPOf5Cb4yPj5+sqWlpamgoOBmSUnJfGlp6bvCwsJVVnJycj5aLJb5+vr6iaqqKmNPT08sDTs8ZrNZYTAYZqqrq19VVlaOtbe36+12eywMCqcuzLjwqamp2KGhIU1ZWdlVlEcwZrm2ttaGtijq5h82m+18UVHRQ51O97yvr09JYp+Znp4+ZjQaTXq9/j2M6YAhwdTknbm5uZDGxkZrRUXFIlZbQOKAYfqwE07s4NORkZFIEvMZHh6Oxvm+qKmpGdzZ2Qki8ZFgMpl0Wq3WBSPOkMgTh8NxSqlUfiovL28kkSQwLnh7ezsCv2EoISjh9D+UunDBjl4C37u7u9NItAtucBjOegnbbiQRFzYBSjArJBKBNmYQK1xj6urqVBkZGWuzs7PHSSQIxcXFV+BOk1TlQhP7fCzMCPorQqPRXMN8t92VycnJyOzs7E3m524BB38m3g9vLPMIlUq1Pjo6elbIz883JCUl3aE2EUyBt9UcBMZyjyI3N3cM961DgJ86cOvbSC4CCsLob8DwdAwODioRQR8zS+739vbKSe4Bsx7FtwDiBdIjOgos/peQnp6+gqjHDZcYFPDW74enKysryyXgcflCdRFHsfo9eAbgzXAJiYmJLqqLwKBDn/8ePF2ICS4B4XGT6iJ4VgeK5A6o1eo3TqfzHMk8+N8GIPq6hLi4uOu4DAaSecDbtkDh6UJ+4RLy8vIsiM12knmAQV4fF19hq0cRuSEC0brQ1NSkksvlcyQTcRRG8HQMDAzE4P4tscYgZD4riEynqc0DtPv1CO1HanxbW1sNLqHTXcEx2BEWx90VDkwJ/fUbqbHY/ntdXV1qd4VexK3Ozs4Yt4CD1EqkQF9JD7JarRfxJH+m6i5Is6txGRe9JY9QyrIer7vBjGSTo3DvDvSHYseXm5ub80n0D/jlDLKiWXQ6QSIuTLlUSsbq1E1EQ0NDalpa2mt8O1wmkRgYYMULudra2ppKoiMDWVBVfHy8ZOj/C1wzE5fyA5KVG3iqo0kcEHC3CKzYhNQ8j6XoKSkp6/jYkVGzNKwzjsSJ5/onMtm7/f39F6jJJ9hZ473PTUhIWMOX1S3EmpfQ9Q3lrUKheEDdDgZfNSFwGTNL2WHIE6xEB7HIG9jlRdoty8zM7EPfZzjrLaR6CzBCS13Y11YUDJhITk7+7e2yS4LnUwPFD3E0G5joK1x3VSaTrUL2A5Nu4HcBsiH6lPPmstQmCH8A1v3Sgmh4wg0AAAAASUVORK5CYII=');
-	background-repeat: no-repeat;
-    background-size: 20px 20px;
-    font-size: 0.8em;
-	line-height: 20px;
-}
-
 /* Filelist */
 .filelist-control {
 	cursor: pointer;
diff --git a/public/css/tomorrow.css b/public/css/tomorrow.css
index 24f466de..dceed60a 100644
--- a/public/css/tomorrow.css
+++ b/public/css/tomorrow.css
@@ -96,6 +96,7 @@ td.tr-le, .error-text { color: #cc6666; }
 	display: inline-block;
 	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAbFBMVEUAAAA2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWsVx+37AAAAI3RSTlMAAQIDBQgKDhItLklOT1JdY2Z4e3x/kZiwx8jX5unt7/f7/b5l+wAAAABrSURBVBhXhY7JEgFBFARTa4ydwbONNf//H116Ilo4qFNWHiqKTn0ngEKqZqCn/+KsdgOgou9sImIPwDYidvxu3FQnQFI1cVI9jsit6h1W1jlAftaiAaZVXwIwe5T6mpcreXFRr+tx/W/YwwejJxM5Y6lK9QAAAABJRU5ErkJggg==');
 	background-size: 13px;
+	vertical-align: middle;
 	height: 13px;
 	width: 13px;
 }
@@ -103,6 +104,7 @@ td.tr-le, .error-text { color: #cc6666; }
 	display: inline-block;
 	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAV1BMVEUAAAA2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWs2iWudYQmEAAAAHHRSTlMAAQIDBAYIDCAxO0pNYmN3ibS3urzBxcfM6+35eVmfrAAAAGZJREFUGFeNzkkOgCAMQNG2WnEecNbe/5wiRYM7f0iAF9IAozwdFdyJmdwloUTyufXA1oE/pEvzBUjX+guQnej2XmfupOoW+xBeiFJA0jBA935tULBleGEkQBEG8E/YJO4gQI4juAC37QvMhMtgFAAAAABJRU5ErkJggg==');
 	background-size: 13px;
+	vertical-align: middle;
 	height: 13px;
 	width: 13px;
 }
diff --git a/templates/home.html b/templates/home.html
index 71a9cf15..edf3c982 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -41,7 +41,7 @@ Your browser does not support the audio element.
               <th class="tr-date hide-xs"><a href="{{ genSearchWithOrdering .URL "2" }}">{{call $.T "date"}}<span class="sort-arrows">{{ genSortArrows .URL "2" }}</span></a></th>
           </tr>
           </thead>
-          <tbody id="torrentListResults">
+          <tbody>
           {{ range .Models}}
           <tr id="torrent_{{ .ID }}" class="torrent-info
               {{if eq .Status 2}}remake{{end}}
@@ -66,9 +66,9 @@ Your browser does not support the audio element.
                       {{.Name}}
                   </a>
               </td>
-              <td class="tr-cs home-td hide-xs">
+              <td class="tr-cs home-td">
               {{ if gt (len .Comments) 0 }}
-                  <i class="comment-icon" title="{{ call $.T "comments" }}">{{len .Comments}}</i>
+                  <span>{{len .Comments}}</span>
               {{end}}
               </td>
               <td class="tr-links home-td">