From 5639f0a3c7ccc9d4d028480881f0c659b425fa3c Mon Sep 17 00:00:00 2001
From: Waldir Pimenta <waldyrious@gmail.com>
Date: Sun, 12 Nov 2023 20:38:09 +0000
Subject: [PATCH 1/2] Use kbd elements for Depictor's keyboard shortcut
 instructions

---
 public_html/depictor/js/components/screen-game.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/public_html/depictor/js/components/screen-game.vue b/public_html/depictor/js/components/screen-game.vue
index 4307d5f..3b70f40 100644
--- a/public_html/depictor/js/components/screen-game.vue
+++ b/public_html/depictor/js/components/screen-game.vue
@@ -260,7 +260,7 @@
                 </small>
 
                 <span>
-                    {{$t("keyboard_shortcuts")}}: <b>(1)</b> {{$t("depicted")}}, <b>(2)</b> {{$t("skip")}}, <b>(3)</b> {{$t("not_depicted")}}, <b>(s)</b> {{$t("skip_item")}}
+                    {{$t("keyboard_shortcuts")}}: <kbd>1</kbd> → {{$t("depicted")}}; <kbd>2</kbd> → {{$t("skip")}}; <kbd>3</kbd> → {{$t("not_depicted")}}; <kbd>s</kbd> → {{$t("skip_item")}}.
                 </span>
 
                 <span v-show="!isPossibleChallenge">
@@ -275,4 +275,4 @@
                 icon="challenge">{{$t('create_challenge')}}</wm-button>
         </div>
     </div>
-</template>
\ No newline at end of file
+</template>

From 82be6d325c999cdd5de8bbb4661829b376b27606 Mon Sep 17 00:00:00 2001
From: Waldir Pimenta <waldyrious@gmail.com>
Date: Sun, 12 Nov 2023 20:41:08 +0000
Subject: [PATCH 2/2] Style kbd elements

---
 public_html/common/_common.scss | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/public_html/common/_common.scss b/public_html/common/_common.scss
index 7714a2d..dd98bc0 100644
--- a/public_html/common/_common.scss
+++ b/public_html/common/_common.scss
@@ -25,6 +25,14 @@ a {
     text-decoration: none;
 }
 
+kbd {
+    border: 1px solid #999;
+    border-radius: 3px;
+    padding: 0.1em 0.3em;
+    background-color: #eee;
+    box-shadow: 1px 1px black;
+}
+
 .container {
     min-height: 100vh;
     display: flex;
@@ -107,4 +115,4 @@ a {
         background: #ccc;
         cursor: not-allowed;
     }
-}
\ No newline at end of file
+}