From 6e33ee80eaf27bb6e1633e2c11162c5e46cdac8d Mon Sep 17 00:00:00 2001
From: Lucas Patenaude <LUPA7501@colorado.edu>
Date: Wed, 24 Apr 2024 19:03:39 -0600
Subject: [PATCH] Basic account favorites card styled

---
 .../css/login-and-registration/account.css    | 32 +++++++++++++++++++
 .../user-menu/account-screen.hbs              | 24 +++++++++-----
 2 files changed, 48 insertions(+), 8 deletions(-)

diff --git a/ProjectSourceCode/src/resources/css/login-and-registration/account.css b/ProjectSourceCode/src/resources/css/login-and-registration/account.css
index 1529c50..bf510da 100644
--- a/ProjectSourceCode/src/resources/css/login-and-registration/account.css
+++ b/ProjectSourceCode/src/resources/css/login-and-registration/account.css
@@ -1,3 +1,35 @@
 #account-pane {
     display: none;
+}
+
+#account-pane-content-container {
+    display: flex;
+    flex-direction: column;
+    padding: 10px;
+}
+
+#account-header-container {
+    padding: 10px;
+    font-size: 32px;
+    border-bottom: 3px solid red;
+}
+
+#login-form-container {
+    display: flex;
+    flex-direction: column;
+}
+
+.favorite-teams-card {
+    display: flex;
+
+    border: 1px solid black;
+    border-radius: 12px;
+
+    padding: 10px 90px;
+
+    margin: 10px 0;
+
+    img {
+        width: 40px;
+    }
 }
\ No newline at end of file
diff --git a/ProjectSourceCode/src/views/partials/navigation-bar/user-menu/account-screen.hbs b/ProjectSourceCode/src/views/partials/navigation-bar/user-menu/account-screen.hbs
index d057363..922f00c 100644
--- a/ProjectSourceCode/src/views/partials/navigation-bar/user-menu/account-screen.hbs
+++ b/ProjectSourceCode/src/views/partials/navigation-bar/user-menu/account-screen.hbs
@@ -1,17 +1,25 @@
 <!-- Linking forms.css -->
 <div class="account-portal-container" id="account-pane">
 
-    <div class="form-container" id="login-form">
-        <a id="username">Username: {{user.username}}</a>
+    <div id="account-pane-content-container">
 
-        <a style="text-decoration: underline;">Favorite Teams:</a> <br>
+        <div id="account-header-container">
+            <a id="username">Hello, {{user.username}}</a>
+        </div>
 
-        {{#each fav_teams}}
-            <img id="teamlogo" src="{{this.teamlogo}}" alt="teamlogo">
-            <span>{{this.teamname}}</span> <br>
-        {{/each}}
+        <div id="login-form-container" class="form-container">
+            <a style="text-decoration: underline;">Favorite Teams:</a> <br>
+
+            {{#each fav_teams}}
+                <div class="favorite-teams-card">
+                    <img id="teamlogo" src="{{this.teamlogo}}" alt="teamlogo">
+                    <span>{{this.teamname}}</span> <br>
+                </div>
+            {{/each}}            
+
+            <a class="account-portal-button" id="logout-button" href="/logout">Logout</a>
+        </div>
 
-        <a class="account-portal-button" id="logout-button" href="/logout">Logout</a>
     </div>
 
 </div>