From ab50826d31e49318aafca27795a5c8911bd260cb Mon Sep 17 00:00:00 2001
From: ecco257 <connorjwittman@gmail.com>
Date: Fri, 4 Oct 2024 17:44:10 -0400
Subject: [PATCH] Update formatting of profile login buttons and display

---
 src/components/personal.rs |  6 +++---
 style/personal.scss        | 31 ++++++++++++++-----------------
 2 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/src/components/personal.rs b/src/components/personal.rs
index 889a780..48ee134 100644
--- a/src/components/personal.rs
+++ b/src/components/personal.rs
@@ -33,10 +33,10 @@ pub fn Profile() -> impl IntoView {
 #[component]
 pub fn DropDownNotLoggedIn() -> impl IntoView {
     view! {
-        <div class="dropdown-not-logged">
-            <h1>Not Logged in!</h1>
+        <div class="dropdown-logged">
+            <h1>Not Logged In</h1>
             <a href="/login"><button class="auth-button">Log In</button></a>
-            <a href="/signup"><button class="auth-button">Sign up</button></a>
+            <a href="/signup"><button class="auth-button">Sign Up</button></a>
         </div>
     }
 }
diff --git a/style/personal.scss b/style/personal.scss
index e03e05e..7b142d4 100644
--- a/style/personal.scss
+++ b/style/personal.scss
@@ -27,12 +27,12 @@
     }
 
     .profile-icon:hover {
-      transform: scale(1.1);
+      transform: scale(1.05);
       background-color: rgba(255, 255, 255, 0.1);
     }
 
     .profile-icon:active {
-      transform: scale(0.8);
+      transform: scale(0.95);
     }
     .dropdown-container {
       position: absolute;
@@ -42,10 +42,10 @@
       border-radius: 0.5rem;
       width: 10rem;
       z-index: 1;
-      background-color: red;
-      border: 1px solid grey;
+      background-color: #1c1c1c;
+      border: 2px solid rgba(89, 89, 89, 0.199);
 
-      .dropdown-not-logged {
+      .dropdown-logged {
         display: flex;
         flex-direction: column;
         width: 100%;
@@ -55,20 +55,17 @@
           font-size: 1.2rem;
         }
         .auth-button {
+		  margin-top: 0.5rem;
+		  padding: 0.5rem;
+		  border-radius: 0.5rem;
+		  background-color: #1c1c1c;
+		  border: 2px solid rgba(89, 89, 89, 0.199);
+		  color: white;
+		  cursor: pointer;
+		  transition: all 0.3s;
+		  margin-bottom: 0.5rem;
         }
       }
     }
-    .dropdown-container:before {
-      content: "";
-      position: absolute;
-      top: -0.4rem;
-      right: 0.92rem;
-      width: 10px;
-      height: 10px;
-      transform: rotate(45deg);
-      background-color: red;
-      border-left: 1px solid grey;
-      border-top: 1px solid grey;
-    }
   }
 }