From c831e4596dc4309fa9309fff9bf5fc76482c8cab Mon Sep 17 00:00:00 2001
From: Peter <peterlgirouard@gmail.com>
Date: Mon, 11 Nov 2024 18:48:08 -0600
Subject: [PATCH] Simplify prev/next buttons, and add tooltip

---
 src/views/GameView.vue | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/views/GameView.vue b/src/views/GameView.vue
index 5643c79..c9df6ad 100644
--- a/src/views/GameView.vue
+++ b/src/views/GameView.vue
@@ -13,8 +13,9 @@
             team2Abbreviation: adjacentGames!.team1prevGame!.home_team.abbrev
           }
         }" v-slot="{ href, navigate }">
-          <button :href="href" @click="navigate">
-            &lt;&lt;Prev
+          <button :href="href" @click="navigate" class="btn btn-sm btn-primary mx-1"
+            :title="`Previous ${awayTeamAbbreviation} Game`">
+            &lt;&lt;
           </button>
         </RouterLink>
         <RouterLink v-if="awayTeamAbbreviation && awayTeamThumbnail"
@@ -30,8 +31,9 @@
             team2Abbreviation: adjacentGames!.team1nextGame!.home_team.abbrev
           }
         }" v-slot="{ href, navigate }">
-          <button :href="href" @click="navigate">
-            Next&gt;&gt;
+          <button :href="href" @click="navigate" class="btn btn-sm btn-primary mx-1"
+            :title="`Next ${awayTeamAbbreviation} Game`">
+            &gt;&gt;
           </button>
         </RouterLink>
       </div>
@@ -51,8 +53,9 @@
             team2Abbreviation: adjacentGames!.team2prevGame!.home_team.abbrev
           }
         }" v-slot="{ href, navigate }">
-          <button :href="href" @click="navigate">
-            &lt;&lt;Prev
+          <button :href="href" @click="navigate" class="btn btn-sm btn-primary mx-1"
+            :title="`Previous ${homeTeamAbbreviation} Game`">
+            &lt;&lt;
           </button>
         </RouterLink>
         <RouterLink v-if="homeTeamAbbreviation && homeTeamThumbnail"
@@ -68,8 +71,9 @@
             team2Abbreviation: adjacentGames!.team2nextGame!.home_team.abbrev
           }
         }" v-slot="{ href, navigate }">
-          <button :href="href" @click="navigate">
-            Next&gt;&gt;
+          <button :href="href" @click="navigate" class="btn btn-sm btn-primary mx-1"
+            :title="`Next ${homeTeamAbbreviation} Game`">
+            &gt;&gt;
           </button>
         </RouterLink>
       </div>