From 50dfabe279b63b433cb46599d250f61bcc0f8588 Mon Sep 17 00:00:00 2001
From: handlerug <umar@handlerug.me>
Date: Mon, 14 Jun 2021 10:35:37 +0700
Subject: [PATCH] Make the shortcuts prettifier even prettier

---
 static/default.css  | 4 ++++
 static/shortcuts.js | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/static/default.css b/static/default.css
index 3e554d6..c148758 100644
--- a/static/default.css
+++ b/static/default.css
@@ -312,6 +312,10 @@ kbd {
 	text-align: center;
 }
 
+.kbd-or {
+	opacity: .4;
+}
+
 .dialog-wrap {
 	position: fixed;
 	top: 0;
diff --git a/static/shortcuts.js b/static/shortcuts.js
index 75179c0..35fc941 100644
--- a/static/shortcuts.js
+++ b/static/shortcuts.js
@@ -245,7 +245,7 @@
                         shortcutColumn.className = 'shortcut-row__keys';
                         shortcutColumn.innerHTML = shortcut.shortcut.split(',')
                             .map(shortcuts => shortcuts.trim().split(' ').map(prettifyShortcut).join(' '))
-                            .join(' or ');
+                            .join(' <span class="kbd-or">or</span> ');
                         listItem.appendChild(shortcutColumn);
                     }