More styling added to account pane

ProjectSourceCode/src/resources/css/login-and-registration/account.css

@@ -22,16 +22,11 @@
     }  
 }
 
-#login-form-container {
+#account-favorite-teams-container {
-    display: flex;
-    flex-direction: column;
-}
-
-#favorite-teams-container {
     padding: 10px;
 }
 
-.favorite-teams-card {
+.account-favorite-teams-card {
     
     display: flex;
     align-items: center; /* Align items vertically in the center */
@@ -45,10 +40,20 @@
     
 }
 
-.favorite-teams-card-logo-container {
+#account-favorite-teams-card-logo {
+    width: 35px;
+    margin-right: 15px;
+}
 
-    img {
+#account-favorite-teams-card-title {
-        width: 80px;
+    font-weight: 600;
-        max-height: 80px;
+}
-    }
+
+
+.account-delete-favorite-team-button-container {
+    margin-left: auto; /* Align the container all the way to the right */
+}
+
+#account-delete-favorite-team-account-button {
+    width: 20px;
 }

ProjectSourceCode/src/resources/css/login-and-registration/login_and_registration.css

@@ -24,7 +24,6 @@
 }
 
 .account-portal-button {
-    width: 60px;
     text-decoration: none;
 
     padding: 5px 10px;

ProjectSourceCode/src/views/partials/navigation-bar/user-menu/account-screen.hbs

@@ -9,19 +9,19 @@
             </div>
         </div>
 
-        <div id="favorite-teams-container">
+        <div id="account-favorite-teams-container">
-            <a id="favorite-teams-header">Favorite Teams:</a>
+            <a id="account-favorite-teams-header">Favorite Teams:</a>
 
             {{#each fav_teams}}
-                <div class="favorite-teams-card">
+                <div class="account-favorite-teams-card">
-                    <div class="favorite-teams-card-logo-container">
+                    <div class="account-favorite-teams-card-logo-container">
-                        <img id="teamlogo" src="{{this.teamlogo}}" alt="teamlogo">
+                        <img id="account-favorite-teams-card-logo" src="{{this.teamlogo}}" alt="teamlogo">
                     </div>
 
-                    <span>{{this.teamname}}</span>
+                    <span id="account-favorite-teams-card-title">{{this.teamname}}</span>
 
-                    <div class="delete-favorite-team-button-container">
+                    <div class="account-delete-favorite-team-button-container">
-                        <img id="delete-favorite-team-button" src="additional-image.jpg" alt="Delete Favorite Team">
+                        <img id="account-delete-favorite-team-account-button" src="/img/navigation-bar/user-menu/account-pane/delete-club.png" alt="Delete Favorite Team">
                     </div>
                 </div>
             {{/each}}