From 6a12802268f4069b2057db482d61993f9ec0fca6 Mon Sep 17 00:00:00 2001
From: tersiswilvin <52929976+tersiswilvin@users.noreply.github.com>
Date: Wed, 7 Sep 2022 17:26:58 -0700
Subject: [PATCH] Site Changes

Removed submenu gradient, minor fixes and changes to admin panel regarding icons being misaligned and some issues on older browsers.
---
 public/css/NewAdminCSS.css              | 77 ++++++++++++-------------
 public/css/app.css                      | 12 ++--
 resources/views/auth/login.blade.php    |  5 +-
 resources/views/auth/register.blade.php |  2 +-
 resources/views/layouts/admin.blade.php |  4 +-
 5 files changed, 51 insertions(+), 49 deletions(-)

diff --git a/public/css/NewAdminCSS.css b/public/css/NewAdminCSS.css
index b5fd892..a7f2551 100644
--- a/public/css/NewAdminCSS.css
+++ b/public/css/NewAdminCSS.css
@@ -1,8 +1,4 @@
-html {
-  background-color: #111;
-}
-
-body {
+body.NewPanel {
   background-color: #111;
   min-width: 0px;
 }
@@ -40,21 +36,21 @@ h6 {
   font-weight: 200;
 }
 
-#MasterContainer.NewPanel.AdminPanel {
+.NewPanel #MasterContainer.AdminPanel {
   background-color: #111;
 }
-#MasterContainer.NewPanel #BodyWrapper {
+.NewPanel #MasterContainer #BodyWrapper {
   padding-top: 25px;
   background-color: #111;
   color: #fff;
 }
-.NewPanel.AdminPanel {
+.NewPanel .AdminPanel {
   height: 100%;
 }
-#MasterContainer.NewPanel .iphone-sidebar, #MasterContainer.NewPanel .iphone-content, #MasterContainer #AdminWrapper, #MasterContainer #BodyWrapper {
+.NewPanel #MasterContainer .iphone-sidebar, .NewPanel #MasterContainer .iphone-content, #MasterContainer #AdminWrapper, #MasterContainer #BodyWrapper {
   display: none;
 }
-#MasterContainer.NewPanel #AdminWrapper, #MasterContainer.NewPanel #BodyWrapper {
+.NewPanel #MasterContainer #AdminWrapper, .NewPanel #MasterContainer #BodyWrapper {
   display: block;
 }
 .NewPanel #AdminWrapper.Navigation {
@@ -134,10 +130,10 @@ h6 {
   display: block;
   margin: auto;
 }
-.NewPanel.AdminPanel #Body {
+.NewPanel .AdminPanel #Body {
   background-color: #111;
 }
-.NewPanel.AdminPanel .MainHeader, .NewPanel.AdminPanel .SubHeader {
+.NewPanel .AdminPanel .MainHeader, .NewPanel .AdminPanel .SubHeader {
   text-align: center;
   cursor: default;
   -webkit-touch-callout: none;
@@ -147,7 +143,7 @@ h6 {
   -ms-user-select: none;
   user-select: none;
 }
-.NewPanel.AdminPanel .Reminder {
+.NewPanel .AdminPanel .Reminder {
   color: #ff7300
 }
 .NewPanel .text-error {
@@ -167,25 +163,21 @@ h6 {
   display: inline-block;
   text-align: left;
 }
-.NewPanel.AdminPanel .Stats-Wrapper {
+.NewPanel .AdminPanel .Stats-Wrapper {
   text-align: center;
   padding: 4px;
 }
-.NewPanel.AdminPanel .StatsContainer {
+.NewPanel .AdminPanel .StatsContainer {
   margin: 15px 15px 0 15px;
   padding: 15px;
   border: 1px dashed #ff7300;
   background-color: #080808;
 }
-.NewPanel.AdminPanel .Userlist {
+.NewPanel .AdminPanel .Userlist {
   margin: 10px;
 }
-.NewPanel.AdminPanel form div {
-  display: -webkit-box;
-display: -webkit-flex;
-display: -ms-flexbox;
-display: flex;
-  justify-content: center;
+.NewPanel .AdminPanel form div {
+  text-align: center;
 }
 .NewPanel .SearchCloseBtn{
   color: #af1400;
@@ -199,22 +191,22 @@ display: flex;
 .NewPanel .SearchCloseBtn:hover {
   color: #d41900;
 }
-.NewPanel.AdminPanel #SearchInput {
+.NewPanel .AdminPanel #SearchInput {
   border: 1px solid #757575;
   border-radius: 3px;
   color: #b8b8b8;
   background-color: #000;
 }
-.NewPanel.AdminPanel #SearchInput:focus, .AdminPanel #SearchInput:active {
+.NewPanel .AdminPanel #SearchInput:focus, .AdminPanel #SearchInput:active {
   border-color: #0099ff;
 }
 .NewPanel #SearchInput, .NewPanel .btn-neutral {
   margin: 0 5px;
 }
-.NewPanel.AdminPanel #SearchInput:focus-visible {
+.NewPanel .AdminPanel #SearchInput:focus-visible {
   outline: none;
 }
-.NewPanel.AdminPanel .Stats {
+.NewPanel .AdminPanel .Stats {
   font-size: 16px;
   font-weight: 100;
   color: #a7a7a7;
@@ -226,11 +218,11 @@ display: flex;
   -ms-user-select: none;
   user-select: none;
 }
-.NewPanel.AdminPanel .Stats.Counter {
+.NewPanel .AdminPanel .Stats.Counter {
   font-weight: 400;
   color: #fff;
 }
-.NewPanel.AdminPanel .Stat-Separator {
+.NewPanel .AdminPanel .Stat-Separator {
   width: 50%;
   height: 1px;
   background: #555; /*/Fallback for older browsers/*/
@@ -238,7 +230,7 @@ display: flex;
   display: block;
   margin: auto;
 }
-.NewPanel.AdminPanel .SearchContainer {
+.NewPanel .AdminPanel .SearchContainer {
   width: 235px;
   height: auto;
   background-color: #555;
@@ -266,9 +258,9 @@ display: flex;
   height: 100%;
   position: relative;
   display: -webkit-box;
-display: -webkit-flex;
-display: -ms-flexbox;
-display: flex;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: center;
@@ -281,7 +273,6 @@ display: flex;
   height: 100%;
 }
 .NewPanel .SearchContainer .UserDetails {
-  width: 95%;
   padding: 5px;
 }
 .NewPanel .SearchContainer .SearchBox {
@@ -318,9 +309,9 @@ display: flex;
   -ms-user-select: none;
   user-select: none;
   display: -webkit-box;
-display: -webkit-flex;
-display: -ms-flexbox;
-display: flex;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
   flex-direction: row-reverse;
 }
 .NewPanel .UserDetails .Row {
@@ -388,7 +379,7 @@ display: flex;
 .NewPanel .SearchTree a:hover {
   color: #00b7ff;
 }
-.NewPanel .SearchTree a:after {
+.NewPanel .SearchTree a::after {
   content: '';
   border: 1px solid #555;
   border-radius: 100%;
@@ -407,7 +398,6 @@ display: flex;
   font-style: normal;
   font-weight: normal;
   line-height: 1em;
-  vertical-align: middle;
   -webkit-font-smoothing: antialiased;
 }
 .NewPanel #BodyWrapper .forwardArrow::before {
@@ -434,7 +424,6 @@ display: flex;
   font-style: normal;
   font-weight: normal;
   line-height: 1em;
-  vertical-align: middle;
   -webkit-font-smoothing: antialiased;
 }
 .NewPanel #BodyWrapper .userInfo::before {
@@ -480,7 +469,7 @@ display: flex;
   }
 }
 @media (max-width:990px) {
-  .NewPanel.AdminPanel #Body, .NewPanel.AdminPanel #BodyWrapper, .NewPanel.AdminPanel #MasterContainer {
+  .NewPanel .AdminPanel #Body, .NewPanel .AdminPanel #BodyWrapper, .NewPanel .AdminPanel #MasterContainer {
     width: 100% !important; /*!important since late 2012 roblox uses element.style CRINGE!*/
     padding: 0;
   }
@@ -490,8 +479,16 @@ display: flex;
     width: 400px;
   }
 }
+@media (max-width: 600px) {
+  .NewPanel .AuthenticatedUserNameWrapper {
+    font-size: 10px;
+  }
+}
 @media (max-width:500px) {
   .NewPanel .AdminSubHeader ul {
     width: 300px;
   }
+  .NewPanel .AuthenticatedUserNameWrapper {
+    display: none;
+  }
 }
\ No newline at end of file
diff --git a/public/css/app.css b/public/css/app.css
index 650e2ae..ac77543 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -279,7 +279,7 @@ div.mySubmenuFixed {
 div.mySubmenuFixed {
   top: 36px;
   background: #363636;
-  background: linear-gradient(#000 10%, #191919 100%);
+  background: #191919;
   height: 25px;
 }
 
@@ -319,7 +319,7 @@ div.mySubmenuFixed {
 
 .Redesign .subMenu {
   height: 25px;
-  background: linear-gradient(#000 10%, #191919 100%);
+  background: #191919;
 }
 
 .navbarbuttoncontainer {
@@ -639,6 +639,10 @@ body {
   color: #000;
 }
 
+.loggedout body {
+  background: transparent;
+}
+
 .content_special,
 #content_special {
   display: -webkit-box;
@@ -926,9 +930,9 @@ button:hover.greenbutton {
   width: 970px;
   margin: auto auto;
   padding: 1em 5px;
-  background: rgb(172, 172, 172);
+  background: #e6e6e6;
   /* Fallback for IE 11*/
-  background-color: rgb(172, 172, 172);
+  background-color: #e6e6e6;
   min-height: fit-content;
 }
 
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index 3c8515a..f1bceef 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -35,12 +35,13 @@
     <label class="form-check-label" for="remember">
         {{ __('Remember Me') }}
     </label>
-    <button type="submit" class="greenbutton" onClick="this.form.submit();this.disabled=true">Log in!</button>
+    <button type="submit" class="greenbutton" onClick="this.form.submit();this.disabled=true">Login</button>
     @if (Route::has('password.request'))
     <br><br>
-    <a class="btn btn-link" href="{{ route('password.request') }}" style="text-align:center;display:block">
+    <span class="hyperlink"><a class="btn btn-link" href="{{ route('password.request') }}">
         Forgot Your Password?
     </a>
+    </span>
     @endif
 </form>
 @endsection
\ No newline at end of file
diff --git a/resources/views/auth/register.blade.php b/resources/views/auth/register.blade.php
index 6378644..8f4e484 100644
--- a/resources/views/auth/register.blade.php
+++ b/resources/views/auth/register.blade.php
@@ -71,6 +71,6 @@
     <p>An Invite Key is required to sign up. You can obtain one from a person that has played ARCHBLOX.</p>
     <p>Don't beg for keys.</p>
     <br>
-    <button class="greenbutton" onClick="this.form.submit();this.disabled=true">Sign Up!</button>
+    <button class="greenbutton" onClick="this.form.submit();this.disabled=true">Signup</button>
 
     @endsection
\ No newline at end of file
diff --git a/resources/views/layouts/admin.blade.php b/resources/views/layouts/admin.blade.php
index 5a3a956..d008cca 100644
--- a/resources/views/layouts/admin.blade.php
+++ b/resources/views/layouts/admin.blade.php
@@ -20,10 +20,10 @@
     <link href="/css/NewAdminCSS.css" rel="stylesheet">
 </head>
 
-<body>
+<body class="NewPanel">
     @yield('alert')
 
-    <div id="MasterContainer" class="NewPanel AdminPanel" style="width: 100%;">
+    <div id="MasterContainer" class="AdminPanel" style="width: 100%;">
     <div id="AdminWrapper" class="Navigation">
         <div class="AdminHeader">
             <span><a href="{{ route('home') }}" title="Main Site" class="SiteBrand"></a></span>