From 8c9b050762b6f5de32b5bbc30a35fdb8012f027a Mon Sep 17 00:00:00 2001
From: kilo <kilowwwww@gmail.com>
Date: Wed, 6 Sep 2017 05:10:42 +0200
Subject: [PATCH] Fix misalignement of select (again) on japanese & small css
 adjustements (#1505)

* Fix misalignement of select (again) on japanese

* modal adjustements

* modal tomorrow adjustements

* further modal adjustements

* better tomorrow colors for tags

* bigger top & bottom padding for modal

* Pending tags darker on tomorrow
---
 public/css/main.css     | 15 ++++++++-----
 public/css/tomorrow.css | 50 ++++++++++++++++++++++++++++++++++++-----
 2 files changed, 55 insertions(+), 10 deletions(-)

diff --git a/public/css/main.css b/public/css/main.css
index 5c0c5770..da0b206a 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -143,7 +143,7 @@ input::placeholder {
 select.form-input {
     -webkit-appearance: none;
     -moz-appearance: none;
-    padding: 4px 1.5rem 4px 5px;
+    padding: 5px 1.5rem 5px 5px;
     background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 48"><path fill="%23676767" d="M24 34l18-20H6"/></svg>');
     background-position: right center;
     background-repeat: no-repeat;
@@ -1330,12 +1330,16 @@ input.filelist-checkbox:checked+table.table-filelist {
     background: linear-gradient(to top, #222 0%, #111 100%);
     color: white;
 }
+.modal-header h2 {
+    margin: 9px 0;
+    font-size: 1.3em;
+}
 
 
 /* Modal Body */
 
 .modal-body {
-    padding: 2px 16px;
+    padding: 22px 16px;
 }
 
 
@@ -1353,12 +1357,13 @@ input.filelist-checkbox:checked+table.table-filelist {
 
 .modal-footer span {
     float: right;
-    margin-right: 20px;
+    margin-right: 14px;
 }
 
 .modal-footer span button {
-    margin-right: 5px;
-    padding: 1em 2em;
+    margin-right: 2px;
+    margin-top: 7px;
+    padding: 0.7em 1.5em;
     background: none;
     border: 1px solid white;
     border-radius: 3px;
diff --git a/public/css/tomorrow.css b/public/css/tomorrow.css
index 628657cd..e7ebd9cf 100644
--- a/public/css/tomorrow.css
+++ b/public/css/tomorrow.css
@@ -192,6 +192,25 @@ td.tr-le, .error-text {
     text-decoration: none;
 }
 
+.modal-content {
+    background: hsla(222, 8%, 20%, 1);
+    border-color: #5a5a5a;
+}
+.modal-header {
+    background: #8149bf;
+}
+.modal-footer {
+    background: #191919;
+}
+.modal-footer span button {
+    border-color: black;
+}
+.modal-footer span #confirm_changes {
+    background: #5c966a;
+}
+.modal-footer span .close {
+    background: #cc4f4f;
+}
 
 #announce {
     color: #3a4249;
@@ -221,8 +240,29 @@ td.tr-le, .error-text {
 .tr-cat div.nyaa-cat { border-color: #232324!important; }
 .torrent-preview-table > table { border: 2px solid #1a1a1d; }
 
-.tag.pending { background: #1d6d90; color: #dadada; }
-.tag.pending a.tag-form { color: white; border-left: none; }
-.tag.pending a.tag-form.plus { background-color: #3f7137; }
-.tag.pending a.tag-form.minus { background-color: #9e3131; font-weight: bold;}
-span.tag { box-shadow: 0px 0px 1px 0px #373c42; }
+.tag.pending {
+    background: #3c3c3c;
+    color: #c1c1c1;
+    border: 1px solid black;
+}
+.tag.pending a.tag-form {
+    color: white;
+    border-left: none;
+}
+.tag.pending a.tag-form.plus {
+    background-color: #3f7137;
+}
+.tag.pending a.tag-form.minus {
+    background-color: #9e3131;
+    font-weight: bold;
+}
+span.tag {
+    box-shadow: none;
+}
+.tag.accepted {
+    border: 1px solid #000000;
+    background: #272523;
+}
+.tag.accepted .tag-text a {
+    color: #7a8494;
+}