From 27800544e449c9c170b2897e52042af1e41d7f15 Mon Sep 17 00:00:00 2001
From: bossbadi <bossbadi123@gmail.com>
Date: Wed, 8 May 2024 10:44:59 -0400
Subject: [PATCH] add icons to more buttons

---
 src/routes/(quiz)/play/[quizId=integer]/+page.svelte    | 8 ++++++--
 src/routes/(quiz)/preview/[quizId=integer]/+page.svelte | 6 ++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/routes/(quiz)/play/[quizId=integer]/+page.svelte b/src/routes/(quiz)/play/[quizId=integer]/+page.svelte
index be263ab..2758f57 100644
--- a/src/routes/(quiz)/play/[quizId=integer]/+page.svelte
+++ b/src/routes/(quiz)/play/[quizId=integer]/+page.svelte
@@ -173,9 +173,13 @@
             <p>
               Time Taken: {secondsToHmsString((Date.now() - startTime) / 1000)}
             </p>
-            <button class="btn btn-main" on:click={() => window.location.reload()}>Play Again</button>
+            <button class="btn btn-main" on:click={() => window.location.reload()} title="Ctrl + R">
+              <i class="fa fa-redo"></i> Retry
+            </button>
             {#if session?.user}
-              <a href="/edit/{quiz.id}" class="btn btn-secondary" data-sveltekit-preload-data="tap">Edit</a>
+              <a href="/edit/{quiz.id}" class="btn btn-secondary" data-sveltekit-preload-data="tap" title="Ctrl + E">
+                <i class="fa fa-edit"></i> Edit
+              </a>
             {/if}
           </div>
 
diff --git a/src/routes/(quiz)/preview/[quizId=integer]/+page.svelte b/src/routes/(quiz)/preview/[quizId=integer]/+page.svelte
index e7493fd..c6aaa01 100644
--- a/src/routes/(quiz)/preview/[quizId=integer]/+page.svelte
+++ b/src/routes/(quiz)/preview/[quizId=integer]/+page.svelte
@@ -60,7 +60,9 @@
       <div class="col-md-10 offset-md-1">
         <div class="text-center alert alert-info" role="alert">
           <p>This is a preview. You can't submit your answers here.</p>
-          <a href="/play/{quiz.id}" class="btn btn-main" data-sveltekit-preload-data="tap" title="Ctrl + P">Play</a>
+          <a href="/play/{quiz.id}" class="btn btn-main" data-sveltekit-preload-data="tap" title="Ctrl + P">
+            <i class="fa fa-play"></i> Play
+          </a>
 
           <button class="btn btn-secondary" on:click={toggleReveal}>
             {#if reveal}
@@ -72,7 +74,7 @@
 
           {#if session?.user?.id === quiz.owner}
             <a href="/edit/{quiz.id}" class="btn btn-secondary" data-sveltekit-preload-data="tap" title="Ctrl + E">
-              Edit
+              <i class="fa fa-edit"></i> Edit
             </a>
           {/if}
         </div>