From 6711648b07f14d2dc2b0aa5692435257d39fcb9c Mon Sep 17 00:00:00 2001
From: Tomochin <tomochin@sugoimusic.me>
Date: Sat, 10 Oct 2020 21:28:19 +0700
Subject: [PATCH] More appropriate widths across the site for sugoi CSS

* torrent-table grew to be ridulously wide on modern screen resolutions
  as it was set to 80% , set this to a more sensible 850px inline with
  what other stylesheets use.
* Menus were too wide, these are now narrower
* Artist page torrents table are now not too thin and instead of the
  width being robbed by the .sidebar , .thin is now extended for #artist
---
 static/styles/sugoi/style.css | 35 +++++++++++++++++++++++------------
 1 file changed, 23 insertions(+), 12 deletions(-)

diff --git a/static/styles/sugoi/style.css b/static/styles/sugoi/style.css
index 4788ed1..be12601 100755
--- a/static/styles/sugoi/style.css
+++ b/static/styles/sugoi/style.css
@@ -182,7 +182,7 @@ ul.thin li { margin:0px 0px; padding:0px; }
 
 #menu > ul {
   display: flex;
-  width: 80%;
+  width: 70%;
   margin: 0 auto;
 }
 
@@ -199,7 +199,7 @@ ul.thin li { margin:0px 0px; padding:0px; }
   display: inline-block;
   width: 100%;
   color: #FFFFFF;
-  transition: ease-in-out 0.1s;
+  transition: ease-in-out 0.2s;
 }
 
 #nav_links {
@@ -326,12 +326,11 @@ ul.thin li { margin:0px 0px; padding:0px; }
 
 #searchbars {
   text-align: center;
-
-  box-sizing: content-box;
-  padding: 4px 10%;
-
+  box-sizing: border-box;
   display: flex;
-  /*! background-color: #0e238b; */
+  width: 60%;
+  margin: 4px auto;
+  min-width: 850px;
 }
 
 #searchbars > .search_form {
@@ -446,11 +445,6 @@ input.hidden {
   margin: 0px auto;
 }
 
-.widethin { /* overriding the thin class on torrents.php */
-  width: 95% !important;
-  margin: 0px auto;
-}
-
 #userinfo_major .brackets:before {
   font-weight: bold;
 }
@@ -574,6 +568,23 @@ color: #FFFFFF;
   margin-bottom: 10px;
 }
 
+/*
+These 3 #artist styles extend the width to ensure .sidebar does not steal width from .main_column
+and result in it only being 592px, which despite looking ok for the news items on the main page
+and other areas, it is just too thin for any torrent table.
+*/
+#artist .main_column {
+  width: 845px;
+}
+
+#artist .thin {
+  width: 1100px;
+}
+
+body#artist {
+  min-width: 1225px;
+}
+
 .tags {
   padding: 0px 0px 0px 20px;
   font-style: italic;