add icons to more buttons

bossbadi-web · May 8, 2024 · 2780054 · 2780054
1 parent 98f79a5
commit 2780054
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git 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
@@ -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>