From c5a888c0a712b80b44d716f3134ba14d076d7739 Mon Sep 17 00:00:00 2001
From: Nidhi Mylavarapu <nidhi.mylavarapu@gmail.com>
Date: Sat, 10 Feb 2024 17:24:53 -0500
Subject: [PATCH] Added grey icon, still need to adjust text centering and new
 width?

---
 src/assets/images/navbar/scheduleBuilderIcon.svg | 3 +++
 src/components/NavBar.vue                        | 9 +++++----
 2 files changed, 8 insertions(+), 4 deletions(-)
 create mode 100644 src/assets/images/navbar/scheduleBuilderIcon.svg

diff --git a/src/assets/images/navbar/scheduleBuilderIcon.svg b/src/assets/images/navbar/scheduleBuilderIcon.svg
new file mode 100644
index 000000000..fd52d5298
--- /dev/null
+++ b/src/assets/images/navbar/scheduleBuilderIcon.svg
@@ -0,0 +1,3 @@
+<svg width="30" height="24" viewBox="0 0 30 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 24C2.175 24 1.46875 23.7063 0.88125 23.1188C0.29375 22.5312 0 21.825 0 21V3C0 2.175 0.29375 1.46875 0.88125 0.88125C1.46875 0.29375 2.175 0 3 0H27C27.825 0 28.5313 0.29375 29.1188 0.88125C29.7063 1.46875 30 2.175 30 3V21C30 21.825 29.7063 22.5312 29.1188 23.1188C28.5313 23.7063 27.825 24 27 24H3ZM16.5 21H20.25V3H16.5V21ZM9.75 21H13.5V3H9.75V21ZM3 21H6.75V3H3V21ZM23.25 21H27V3H23.25V21Z" fill="#C4C4C4"/>
+</svg>
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 71bbca79e..d4b292c2f 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -28,10 +28,10 @@
             <span>Profile</span>
           </div>
         </div>
-        <div class="navbar-buttonWrapper desktop" @click="openTools" data-cyId="openTools">
+        <div class="navbar-buttonWrapper desktop">
           <button class="navbar-iconWrapper schedule-builder-icon full-opacity-on-hover" />
           <div class="navbar-iconText">
-            <span>Sched</span>
+            <span>Schedule Builder</span>
           </div>
         </div>
       </div>
@@ -146,12 +146,13 @@ $mobile-navbar-height: 4.5rem;
     background-repeat: no-repeat;
     background-size: auto;
     background-position: center;
+    justify-content: center;
   }
 
   &-buttonWrapper {
     cursor: pointer;
     margin-bottom: 1.5rem;
-
+    justify-content: center;
     &:hover,
     &:focus,
     &:active {
@@ -205,7 +206,7 @@ $mobile-navbar-height: 4.5rem;
   }
 
   .schedule-builder-icon {
-    background-image: url('@/assets/images/navbar/scheduleBuilderIconBlue.svg');
+    background-image: url('@/assets/images/navbar/scheduleBuilderIcon.svg');
   }
 
   .requirements-bar {