Display an icon when there is a note.

views/css/session.css

@@ -58,6 +58,16 @@
 
 #sessionNotesBtn{
     margin-bottom: 5px;
+    position: relative;
+}
+
+#sessionNotesIcon{
+    position: absolute;
+    top: -10px;
+    left: -15px;
+    font-size: 35px;
+    font-weight: bold;
+    color: var(--accent);
 }
 
 #sessionNotesText{

views/index.html

@@ -150,7 +150,10 @@
         <p id="previousSession"></p>
 
         <div id="sessionButtonBox">
-            <button id="sessionNotesBtn" class="button">Notes</button>
+            <button id="sessionNotesBtn" class="button">
+                <p id="sessionNotesIcon" style="display:none">*</p>
+                Notes
+            </button>
             <button id="sessionAddSet" class="button">Add Set</button>
         </div>
 

views/js/pages/session.js

@@ -124,6 +124,13 @@ export default {
                 });
         }
 
+        const noteIcon = document.getElementById("sessionNotesIcon");
+        console.log(newNote);
+        if(newNote === ""){
+            noteIcon.style.display = "none";
+        }else{
+            noteIcon.style.display = "flex";
+        }
         document.getElementById("sessionNotesText").style.display = "none";
     },
 
@@ -192,6 +199,13 @@ export default {
             case "weights": this.displayWeightSets(exercise.sets, setsContainer);
         }
 
+        const noteIcon = document.getElementById("sessionNotesIcon");
+        if(this.workout.exercises[this.exerciseIndex].notes !== ""){
+            noteIcon.style.display = "flex";
+        }else{
+            noteIcon.style.display = "none";
+        }
+
         window.scrollTo(0, 0);
     },