Merge pull request #232 from kipukun/master

make mobile view a little bit more bearable

public/css/style-night.css

@@ -25,13 +25,14 @@
     background-color: #29363d;
 }
 
-#container.cont-home {
+ /* #container.cont-home {
      background: #29363d url(/img/megumin.png) no-repeat;
 }
 #container.cont-view {
      background: #29363d url(/img/megumin.png) no-repeat;
      background-size: 75px;
 }
+*/
 
 body {
     background-color:#282A2E;

public/css/style.css

@@ -36,6 +36,8 @@
     background: white;
 }
 
+
+/*
 #container.cont-home {
      background: white url(/img/renchon.png) no-repeat;
 }
@@ -43,6 +45,7 @@
      background: white url(/img/renchon.png) no-repeat;
      background-size: 61px;
 }
+*/
 
 body {
     background-color: #ececec;

templates/home.html

@@ -4,18 +4,18 @@
 	<div class="blockBody">
       <nav class="torrentNav" aria-label="Page navigation">
           <ul class="pagination">
-              {{ genNav .Navigation .URL 10 }}
+              {{ genNav .Navigation .URL 5 }}
           </ul>
       </nav>
 
       <div class="table-responsive">
           <table class="table custom-table-hover">
           <tr>
-              <th>{{T "category"}}</th>
-              <th>{{T "name"}}</th>
-              <th>{{T "date"}}</th>
-              <th>{{T "size"}}</th>
-              <th>{{T "links"}}</th>
+              <th class="col-xs-1 hidden-xs">{{T "category"}}</th>
+              <th class="col-xs-8">{{T "name"}}</th>
+              <th class="col-xs-1 hidden-xs">{{T "date"}}</th>
+              <th class="col-xs-1 hidden-xs">{{T "size"}}</th>
+              <th class="col-xs-1 hidden-xs">{{T "links"}}</th>
           </tr>
           {{ range .ListTorrents}}
           <tr class="torrent-info
@@ -23,7 +23,7 @@
               {{if eq .Status 3}}trusted{{end}}
               {{if eq .Status 4}}aplus{{end}}">
               <!-- forced width because the <td> gets bigger randomly otherwise -->
-              <td style="width:80px">
+              <td class="hidden-xs" style="width:80px">
                   <a href="{{$.URL.Parse (printf "/search?c=%s_%s" .Category .Sub_Category) }}">
                       <img src="{{$.URL.Parse (printf "/img/torrents/%s.png" .Sub_Category) }}">
                   </a>
@@ -33,9 +33,9 @@
                       {{.Name}}
                   </a>
               </td>
-              <td class="date date-short">{{.Date}}</td>
-              <td class="filesize">{{.Filesize}}</td>
-              <td>
+              <td class="hidden-xs" class="date date-short">{{.Date}}</td>
+              <td class="hidden-xs" class="filesize">{{.Filesize}}</td>
+              <td class="hidden-xs">
                   <a href="{{.Magnet}}" title="Magnet link">
                       <span class="glyphicon glyphicon-magnet" aria-hidden="true"></span>
                   </a>
@@ -48,11 +48,11 @@
           </tr>
           {{end}}
       </table>
+      </div>
       <nav class="torrentNav" aria-label="Page navigation">
           <ul class="pagination">
-              {{ genNav .Navigation .URL 10 }}
+              {{ genNav .Navigation .URL 5 }}
           </ul>
       </nav>
-    </div>
 </div>
 {{end}}

templates/index.html

@@ -70,8 +70,8 @@
       <div class="container {{block "contclass" .}}generic{{end}}" id="container">
       {{if not .Search.HideAdvancedSearch}}
       <div class="blockBody" style="text-align:center">
-        <font size="4.5">{{T "advanced_search"}}</font><br />
-        <form class="navbar-form" role="search" action="/search" method="get">
+        <a href="#advanced-search" class="btn btn-link" data-toggle="collapse">{{T "advanced_search"}}</a><br />
+        <form id="advanced-search" class="navbar-form collapse" role="search" action="/search" method="get">
           <div class="form-group">
             {{block "search_common" .}}{{end}}
             {{block "search_advanced" .}}{{end}}