From 57efbe4ebc6f985fed24e66d8874a677079775b4 Mon Sep 17 00:00:00 2001
From: Nazar Kanaev <nkanaev@live.com>
Date: Wed, 3 Mar 2021 12:26:55 +0000
Subject: [PATCH] update index.html

---
 src/assets/index.html | 89 ++++++++++++++++++++-----------------------
 1 file changed, 41 insertions(+), 48 deletions(-)

diff --git a/src/assets/index.html b/src/assets/index.html
index 8203d3d..0a5ebc0 100644
--- a/src/assets/index.html
+++ b/src/assets/index.html
@@ -106,7 +106,7 @@
                     </b-dropdown-item-button>
                 </b-dropdown>
             </div>
-            <div class="p-2 overflow-auto border-top flex-grow-1">
+            <div id="feed-list-scroll" class="p-2 overflow-auto border-top flex-grow-1">
                 <label class="selectgroup">
                     <input type="radio" name="feed" value="" v-model="feedSelected">
                     <div class="selectgroup-label d-flex align-items-center w-100">
@@ -176,7 +176,7 @@
                     <span class="icon">{% inline "check.svg" %}</span>
                 </button>
             </div>
-            <div class="p-2 overflow-auto border-top flex-grow-1" v-scroll="loadMoreItems" ref="itemlist">
+            <div id="item-list-scroll" class="p-2 overflow-auto border-top flex-grow-1" v-scroll="loadMoreItems" ref="itemlist">
                 <label v-for="item in items" :key="item.id"
                        class="selectgroup">
                     <input type="radio" name="item" :value="item.id" v-model="itemSelected">
@@ -385,60 +385,53 @@
                 </div>
             </div>
             <div v-else-if="settings=='shortcuts'">
-                <p class="cursor-default"><b>Keyboard shortuts (case-sensitive)</b></p>
+                <p class="cursor-default"><b>Keyboard Shortcuts</b></p>
 
                 <table class="table table-borderless table-sm table-compact m-0">
-                    <tr><td colspan=2>Show:</td></tr>
                     <tr>
-                        <td><kbd>1</kbd></td>
-                        <td>unread feeds</td>
+                        <td>
+                            <kbd>1</kbd> /
+                            <kbd>2</kbd> /
+                            <kbd>3</kbd>
+                        </td>
+                        <td>show unread / starred / all feeds</td>
                     </tr>
-                    <tr>
-                        <td><kbd>2</kbd></td>
-                        <td>starred feeds</td>
-                    </tr>
-                    <tr>
-                        <td><kbd>3</kbd></td>
-                        <td>all feeds</td>
-                    </tr>
-
-                    <tr><td colspan=2>Navigate:</td></tr>
-                    <tr>
-                        <td><kbd>j</kbd></td>
-                        <td>next article</td>
-                    </tr>
-                    <tr>
-                        <td><kbd>k</kbd></td>
-                        <td>previous article</td>
-                    </tr>
-                    <tr>
-                        <td><kbd>l</kbd></td>
-                        <td>next feed </td>
-                    </tr>
-                    <tr>
-                        <td><kbd>h</kbd></td>
-                        <td>previos feed</td>
-                    </tr>
-
-                    <tr><td colspan=2>Mark</td></tr>
-                    <tr>
-                        <td><kbd>R</kbd></td>
-                        <td>all articles as read</td>
-                    </tr>
-                    <tr>
-                        <td><kbd>r</kbd></td>
-                        <td>an article as read/unread</td>
-                    </tr>
-                    <tr>
-                        <td><kbd>s</kbd></td>
-                        <td>an article as starred/unstarred</td>
-                    </tr>
-
-                    <tr><td colspan=2>Misc</td></tr>
                     <tr>
                         <td><kbd>/</kbd></td>
                         <td>focus the search bar</td>
                     </tr>
+
+                    <tr><td colspan=2>&nbsp;</td></tr>
+                    <tr>
+                        <td>
+                            <kbd>j</kbd>
+                            <kbd>k</kbd>
+                        </td>
+                        <td>next / prev article</td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <kbd>l</kbd>
+                            <kbd>h</kbd>
+                        </td>
+                        <td>next / prev feed</td>
+                    </tr>
+
+                    <tr><td colspan=2>&nbsp;</td></tr>
+                    <tr>
+                        <td><kbd>R</kbd></td>
+                        <td>mark all articles as read</td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <kbd>r</kbd>
+                        </td>
+                        <td>toggle an article as read / unread</td>
+                    </tr>
+                    <tr>
+                        <td><kbd>s</kbd></td>
+                        <td>toggle an article as starred / unstarred</td>
+                    </tr>
                 </table>
             </div>
         </div>