From b886295263f1fea9c39adedbb7ea7d5b6298b848 Mon Sep 17 00:00:00 2001
From: Pentium44 <cdorm245@gmail.com>
Date: Thu, 10 Dec 2020 00:02:49 -0800
Subject: [PATCH] Tweaks...

---
 index.php |  2 +-
 style.css | 24 ++++++++++--------------
 2 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/index.php b/index.php
index 4fc48e1..638b14c 100755
--- a/index.php
+++ b/index.php
@@ -287,7 +287,7 @@ if (!isset($_SESSION['idleirc-user'])) {
 			echo "&bull; <a onclick='doLogout();'>Disconnect from server</a>";
 		}
 		?>
-		<br /><a onclick="doClearLog();">Clear IRC logs</a>
+		&bull; <a onclick="doClearLog();">Clear IRC logs</a>
 		&bull; <a href="index.php?logs">IRC Logs</a>
 	</div>
 		<div id="msgs">
diff --git a/style.css b/style.css
index c2238f5..0053db9 100755
--- a/style.css
+++ b/style.css
@@ -1,15 +1,15 @@
 @import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');
 
-@media only screen and (min-width: 2001px) { body { max-width: 1000px; } #msg { width: 780px; } }
-@media only screen and (max-width: 2000px) { body { max-width: 1000px; } #msg { width: 780px; } }
-@media only screen and (max-width: 1500px) { body { max-width: 800px; } #msg { width: 660px; } }
-@media only screen and (max-width: 900px) { body { max-width: 800px; } #msg { width: 660px; } }
-@media only screen and (max-width: 800px) { body { max-width: 700px; } #msg { width: 570px; } }
-@media only screen and (max-width: 700px) { body { max-width: 600px; } #msg { width: 480px; } }
-@media only screen and (max-width: 600px) { body { max-width: 500px; } #msg { width: 380px; } }
+@media only screen and (min-width: 2001px) { body { max-width: 1000px; } #msg { width: 780px; } td.userinfo { width: 210px; } }
+@media only screen and (max-width: 2000px) { body { max-width: 1000px; } #msg { width: 780px; } td.userinfo { width: 210px; } }
+@media only screen and (max-width: 1500px) { body { max-width: 800px; } #msg { width: 660px; } td.userinfo { width: 200px; } }
+@media only screen and (max-width: 900px) { body { max-width: 800px; } #msg { width: 660px; } td.userinfo { width: 200px; } }
+@media only screen and (max-width: 800px) { body { max-width: 700px; } #msg { width: 570px; } td.userinfo { width: 170px; } }
+@media only screen and (max-width: 700px) { body { max-width: 600px; } #msg { width: 480px; } td.userinfo { width: 150px; } }
+@media only screen and (max-width: 600px) { body { max-width: 500px; } #msg { width: 380px; } td.userinfo { width: 120px; } }
 /* small windows and phones */
-@media only screen and (max-width: 500px) { body { max-width: 450px; } #msg { width: 330px; } }
-@media only screen and (max-width: 400px) { body { max-width: 350px; } #msg { width: 230px; } }
+@media only screen and (max-width: 500px) { body { max-width: 450px; } #msg { width: 330px; } td.userinfo { width: 100px; } }
+@media only screen and (max-width: 400px) { body { max-width: 350px; } #msg { width: 230px; } td.userinfo { width: 100px; } }
 
 html {
 	font-family: "Ubuntu Mono", Arial, sans-serif;
@@ -56,6 +56,7 @@ input, button, select, textarea{
 
 .text { font-size: 14px; }
 
+@media only screen and (min-height: 20001px) { #msgs { height: 1700px; } }
 @media only screen and (max-height: 2000px) { #msgs { height: 1600px; } }
 @media only screen and (max-height: 1800px) { #msgs { height: 1500px; } }
 @media only screen and (max-height: 1400px) { #msgs { height: 1100px; } }
@@ -105,8 +106,3 @@ input, button, select, textarea{
 #logmsgs tr:nth-child(even) { background-color: #262626; border: solid 1px #454545; }
 #logmsgs tr:nth-child(odd) { background-color: #141414; border: solid 1px #454545; }
 #logmsgs td { padding: 4px; }
-
-td.userinfo {
-	min-width: 120px;
-	max-width: 200px;
-}