From 463313af2e3994badb1ab762b5854199bad74396 Mon Sep 17 00:00:00 2001
From: Christopher Weinhardt <weinhardtchristopher@gmail.com>
Date: Sun, 30 Jun 2024 17:38:33 -0400
Subject: [PATCH] Update SongDisplayView.vue

---
 src/views/SongDisplayView.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/SongDisplayView.vue b/src/views/SongDisplayView.vue
index 2ae1cbce..0695f3dc 100644
--- a/src/views/SongDisplayView.vue
+++ b/src/views/SongDisplayView.vue
@@ -508,10 +508,10 @@ function get_note_icon(note: string) {
         </div>
     </div>
     <div v-if="left_indicator_opacity > 0 && Number(props.number) > 1" class="flip-indicator flip-indicator-left" :style="{opacity: left_indicator_opacity}">
-        <h2 class="indicator-text">{{Number(props.number) - 1}}</h2>
+        <img class="ionicon" src="/assets/chevron-back-outline.svg" />
     </div>
     <div v-if="right_indicator_opacity > 0 && Number(props.number) < song_count" class="flip-indicator flip-indicator-right" :style="{opacity: right_indicator_opacity}">
-        <h2 class="indicator-text">{{Number(props.number) + 1}}</h2>
+        <img class="ionicon" src="/assets/chevron-forward-outline.svg" />
     </div>
     <div class="media-panel-content" :class="{ 'hidden-panel': !panel.visible || !menu_bar_visible, elastic: panel.elastic}" :style="'height:' + (panel.height * 100) + '%'">  
         <div class="media-panel-blur"></div>