From ecf19ae3c0b967bc1f3eb3e897b7ebb3b6c149b4 Mon Sep 17 00:00:00 2001
From: windows11 <windows11@pc>
Date: Thu, 14 Oct 2021 20:28:43 +0800
Subject: [PATCH] change length for css

---
 web/css/dark.css  | 16 ++++++++++++----
 web/css/light.css | 16 ++++++++++++----
 2 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/web/css/dark.css b/web/css/dark.css
index 35b53dd..13b15e7 100644
--- a/web/css/dark.css
+++ b/web/css/dark.css
@@ -22,20 +22,28 @@ tr.odd.expandRow > :hover { background: #000 !important; }
 #cpu, #ram, #hdd { min-width: 45px; max-width: 90px; }
 
 @media only screen and (max-width: 992px) {
-	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
-}
-@media only screen and (max-width: 720px) {
 	#type, tr td:nth-child(4)			{ display:none; visibility:hidden; }
 	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
 	#ping, tr td:nth-child(13)          { display:none; visibility:hidden; }
 }
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 720px) {
 	#type, tr td:nth-child(4)			{ display:none; visibility:hidden; }
 	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
 	#uptime, tr td:nth-child(6)			{ display:none; visibility:hidden; }
 	#ping, tr td:nth-child(13)          { display:none; visibility:hidden; }
 }
+@media only screen and (max-width: 620px) {
+	body								{ font-size: 10px; }
+	.content 							{ padding: 0; }
+	#type, tr td:nth-child(4)			{ display:none; visibility:hidden; }
+	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
+	#uptime, tr td:nth-child(6)			{ display:none; visibility:hidden; }
+	#traffic, tr td:nth-child(9)		{ display:none; visibility:hidden; }
+	#ping, tr td:nth-child(13)          { display:none; visibility:hidden; }
+}
 @media only screen and (max-width: 533px) {
+	body								{ font-size: 10px; }
+	.content 							{ padding: 0; }
 	#type, tr td:nth-child(4)			{ display:none; visibility:hidden; }
 	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
 	#uptime, tr td:nth-child(6)			{ display:none; visibility:hidden; }
diff --git a/web/css/light.css b/web/css/light.css
index 3b9d5d5..c832bcc 100644
--- a/web/css/light.css
+++ b/web/css/light.css
@@ -19,20 +19,28 @@ tr.odd.expandRow > :hover { background: #FFF !important; }
 #cpu, #ram, #hdd, #network { min-width: 45px; max-width: 90px; }
 
 @media only screen and (max-width: 992px) {
-	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
-}
-@media only screen and (max-width: 720px) {
 	#type, tr td:nth-child(4)			{ display:none; visibility:hidden; }
 	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
 	#ping, tr td:nth-child(13)          { display:none; visibility:hidden; }
 }
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 720px) {
 	#type, tr td:nth-child(4)			{ display:none; visibility:hidden; }
 	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
 	#uptime, tr td:nth-child(6)			{ display:none; visibility:hidden; }
 	#ping, tr td:nth-child(13)          { display:none; visibility:hidden; }
 }
+@media only screen and (max-width: 620px) {
+	body								{ font-size: 10px; }
+	.content 							{ padding: 0; }
+	#type, tr td:nth-child(4)			{ display:none; visibility:hidden; }
+	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
+	#uptime, tr td:nth-child(6)			{ display:none; visibility:hidden; }
+	#traffic, tr td:nth-child(9)		{ display:none; visibility:hidden; }
+	#ping, tr td:nth-child(13)          { display:none; visibility:hidden; }
+}
 @media only screen and (max-width: 533px) {
+	body								{ font-size: 10px; }
+	.content 							{ padding: 0; }
 	#type, tr td:nth-child(4)			{ display:none; visibility:hidden; }
 	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
 	#uptime, tr td:nth-child(6)			{ display:none; visibility:hidden; }