Background-color for refine button, better category borders for tomorrow, some other css stuff (#1292)

* Update g.css

* Update classic.css

* Update tomorrow.css

* Update g.css

* Update g.css

* Update tomorrow.css

* some <summary> improvements

* make it wider

* better border color for torrent preview tomorrow

* better border for classic

* fixing that god damn padding once for all

* bigger search icon

* Update tomorrow.css

public/css/classic.css

@@ -48,6 +48,12 @@ a:hover {
     background: #fafafa;
     color: #666;
 }
+.form-input.refine {
+    border-color: rgb(74, 92, 193)!important;
+    background: rgb(74, 92, 193);
+    color: white;
+}
+
 
 .btn:hover, .up-btn:hover {
     background: rgba(192, 192, 192, 0.2);
@@ -160,3 +166,4 @@ td.tr-le, .error-text {
 .form-input.language {
     background-color: #f5f5f5;
 }
+.torrent-preview-table>table { border: 3px solid #ededed; }

public/css/g.css

@@ -46,6 +46,9 @@ a:hover {
     background: #fff;
     color: #676767;
 }
+.form-input.refine {
+    background: #FFE2B8;
+}
 
 .header .h-user .user-avatar {
     background: #99BFD0;

public/css/main.css

@@ -163,17 +163,17 @@ select.form-input {
 }
 
 .form-input.search-box {
-    margin-right: -20px;
+    margin-right: -26px;
     padding-right: 20px;
 }
 
 .form-input.search-box+.icon-search {
-    left: -5px;
+    left: -1px;
     top: -1px;
     position: relative;
     padding: 0;
-    width: 16px;
+    width: 22px;
-    height: 24px;
+    height: 25px;
     box-shadow: none;
     border: none;
     vertical-align: middle;
@@ -613,8 +613,11 @@ html, body {
 /* holy fucking shit fuck responsive design */
 
 
-/* hide the username */
+@media (min-width: 2560px) { 
+    .container { max-width: 60%!important; }
+}
 
+/* hide the username */
 @media (max-width: 1100px) {
     .header .h-user {
         width: 58px;
@@ -1436,22 +1439,21 @@ summary {
     display: block;
 }
 
-summary::-webkit-details-marker {
+summary::-webkit-details-marker { display: none }
-    display: none
-}
 
 summary:after {
     vertical-align: middle;
     float: left;
-    margin: -3px 5px 0 0;
+    margin: -1px 5px 0 0;
     content: "+";
+    width: 12px;
     font-size: 1.5em;
     font-weight: bold;
 }
 
 details[open] summary:after {
     content: "-";
-    margin: -1% 5px 0 0;
+    margin: -1% 3px 0px 2px;
 }
 
 .refine-btn {

public/css/tomorrow.css

@@ -42,7 +42,11 @@ a:hover {
     background: #141517;
     color: #c5c8c6;
 }
-
+.form-input.refine {
+    border-color: #1c1c1c!important
+    background: #343434;
+    color: #bbbbbb;
+}
 .header .h-user .user-avatar {
     background: #99BFD0;
     border-color: #282A2E;
@@ -185,3 +189,5 @@ td.tr-le, .error-text {
 .torrent-info-box {
     border-color: #53565e;
 }
+.tr-cat div.nyaa-cat { border-color: #232324!important; }
+.torrent-preview-table > table { border: 2px solid #1a1a1d; }

templates/layouts/partials/helpers/flags.jet.html

@@ -1,7 +1,8 @@
 {{ block flagList(languages=nil, selected="", inputname="languages", id="lang")}}
 {{ if isset(languages) }}
-{{ range _, language := languages }}
+{{ range _, language := languages }}<span class="input-group">
-<span class="input-group"><span name="{{id}}-languagename">{{LanguageName(language, T)}}</span><input type="checkbox" name="{{inputname}}" class="form-language-checkbox" id="{{id}}-{{ language.Code }}" value="{{language.Code}}"{{ range _, v := selected}}{{ if contains(v, language.Code) }} checked{{end}}{{end}}><label for="{{id}}-{{ language.Code }}" class="flag flag-{{ language.Flag(false) }}" title="{{LanguageName(language, T)}}"></label></span>
+<span name="{{id}}-languagename">{{LanguageName(language, T)}}</span>
-{{ end }}
+<input type="checkbox" name="{{inputname}}" class="form-language-checkbox" id="{{id}}-{{ language.Code }}" value="{{language.Code}}"{{ range _, v := selected}}{{ if contains(v, language.Code) }} checked{{end}}{{end}}><label for="{{id}}-{{ language.Code }}" class="flag flag-{{ language.Flag(false) }}" title="{{LanguageName(language, T)}}"></label>
+</span>{{ end }}
 {{ end }}
 {{ end }}