From 093a7f9a0e37afabd24f8bf8ac9e9c16d215169b Mon Sep 17 00:00:00 2001
From: Lucas Patenaude <LUPA7501@colorado.edu>
Date: Sun, 7 Apr 2024 06:06:38 -0600
Subject: [PATCH] User icon added to navigation bar

---
 .../scoreboard-header/scoreboard.css          |   4 +---
 .../src/resources/img/navigation-bar/user.png | Bin 0 -> 2896 bytes
 .../src/views/partials/navigation-bar/nav.hbs |  18 +++++++++++++++---
 3 files changed, 16 insertions(+), 6 deletions(-)
 create mode 100644 ProjectSourceCode/src/resources/img/navigation-bar/user.png

diff --git a/ProjectSourceCode/src/resources/css/navigation-bar/scoreboard-header/scoreboard.css b/ProjectSourceCode/src/resources/css/navigation-bar/scoreboard-header/scoreboard.css
index 2ce2aee..06579e0 100644
--- a/ProjectSourceCode/src/resources/css/navigation-bar/scoreboard-header/scoreboard.css
+++ b/ProjectSourceCode/src/resources/css/navigation-bar/scoreboard-header/scoreboard.css
@@ -15,6 +15,4 @@
     display: none;
 }
 
-.league-container {
-    display: inline-block; /* Change display property to inline-block to prevent stretching */
-}
+
diff --git a/ProjectSourceCode/src/resources/img/navigation-bar/user.png b/ProjectSourceCode/src/resources/img/navigation-bar/user.png
new file mode 100644
index 0000000000000000000000000000000000000000..ef46d0733a0c753fa138248e3eac250bf3fc3802
GIT binary patch
literal 2896
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

literal 0
HcmV?d00001

diff --git a/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs b/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
index adcdefc..0db6075 100644
--- a/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
+++ b/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
@@ -1,12 +1,11 @@
 <nav class="navbar navbar-expand-lg navbar-dark" id="navigation-bar-container">
 
-  <div class="container-fluid"> <!-- Added container-fluid for full-width -->
+  <div class="container-fluid d-flex justify-content-between align-items-center"> <!-- Added container-fluid for full-width -->
 
-    <div class="d-flex align-items-center"> <!-- Added d-flex and align-items-center --> 
+    <div> <!-- Wrapped navbar brand and toggler in a div -->
       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation" style="margin-right: 20px;">
         <span class="navbar-toggler-icon"></span>
       </button>
-
       <a class="navbar-brand" href="#">ScoreSpot</a>
     </div>
 
@@ -40,5 +39,18 @@
 
       </ul>
     </div>
+
+    <!-- Right-aligned image outside collapsing area -->
+    <div id="user" class="d-sm-flex">
+      <img src="img/navigation-bar/user.png" alt="Your Image" class="img-fluid" style="width: 30px;">
+    </div>
+
+    <style>
+      /* CSS to hide the user icon when navbar toggler is expanded */
+      .navbar-toggler:(.collapsed) + .collapse #user {
+        display: none;
+      }
+    </style>
+    
   </div>
 </nav>