From 0ec7679f80cd85cafff2727f5b8755556226c586 Mon Sep 17 00:00:00 2001
From: dudleycu <dudleyc.twitch@gmail.com>
Date: Fri, 20 Aug 2021 06:12:39 +0000
Subject: [PATCH] ui revisions

---
 src/App.js    |  2 +-
 src/style.css | 11 +++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/App.js b/src/App.js
index 2273402..45a5f6c 100644
--- a/src/App.js
+++ b/src/App.js
@@ -384,7 +384,7 @@ function AdminPanel(p) {
 						<div className="modal">
 						<div className="box boxAdmin">
 						<div className="boxTitleBar"><h1>Admin</h1></div>
-						<img src={process.env.PUBLIC_URL+"/spinner.gif"} alt=""/><p></p>
+						<p></p>
 			<input type="password" value={password} onChange={(f)=>{setPassword(f.currentTarget.value)}} onKeyDown={(e)=>{
 				if (e.key==="Enter") {
 					axios.post(GetBackendURL(p)+"/passwordcheck",{
diff --git a/src/style.css b/src/style.css
index 4a27066..7ebca61 100644
--- a/src/style.css
+++ b/src/style.css
@@ -4,6 +4,7 @@
 	padding: 0;
 	box-sizing: border-box;
 	cursor: default;
+	outline: 0;
 }
 @font-face {
   font-family: "ngs";
@@ -960,7 +961,6 @@ button{
 	grid-template-rows: 10px minmax(10px, 1fr) 10px;
 }
 .modal {
-	outline: 0;
 	grid-column: 2;
 	grid-row: 2;
 }
@@ -984,7 +984,6 @@ button{
   }
   .boxAdmin {
 	animation: fadeIn 0.15s;
-	width: 580px;
 	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.5), 0 6px 20px 0  rgba(0,0,0,0.5) !important;
 	outline: 1px solid rgba(54,255,255,1);	
 	text-align:center;
@@ -994,10 +993,14 @@ button{
 		background: linear-gradient(white,#bca9f5);
 }
 .boxAdmin input {
-	outline: 1px solid silver;
 	font-size: 36px;
 	height: 72px;
-	background-image: url("spinner.gif");
+	width: 33vw;
+	background-color: transparent;
+	cursor: text;
+}
+.boxAdmin input:hover {
+outline: 0 !important;
 }
 .boxMisc {
 	animation: fadeIn 0.15s;