From a50b14329b0374670203c6af4bada3778e092695 Mon Sep 17 00:00:00 2001
From: xiaody <youyounaihe@gmail.com>
Date: Fri, 13 Sep 2013 21:27:27 +0800
Subject: [PATCH] Use <kbd> tag in keyboard shortcuts;

---
 app/assets/stylesheets/common/inline.css.scss |  2 +-
 app/views/static/keyboard_shortcuts.html.erb  | 28 +++++++++----------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/app/assets/stylesheets/common/inline.css.scss b/app/assets/stylesheets/common/inline.css.scss
index 1c6b20684..fe76fceec 100644
--- a/app/assets/stylesheets/common/inline.css.scss
+++ b/app/assets/stylesheets/common/inline.css.scss
@@ -23,7 +23,7 @@ span.count {
 span.edit-options {
 }
 
-span.key {
+kbd.key {
   background: #333;
   border: 1px solid #333;
   padding: 1px 6px;
diff --git a/app/views/static/keyboard_shortcuts.html.erb b/app/views/static/keyboard_shortcuts.html.erb
index 7c1f98376..8132ab277 100644
--- a/app/views/static/keyboard_shortcuts.html.erb
+++ b/app/views/static/keyboard_shortcuts.html.erb
@@ -5,26 +5,26 @@
     <section>
       <h1>Listing</h1>
       <ul>
-        <li><span class="key">a</span> Previous page</li>
-        <li><span class="key">d</span> Next page</li>
-        <li><span class="key">q</span> Search</li>
-        <li><span class="key">w</span> Scroll up</li>
-        <li><span class="key">s</span> Scroll down</li>
+        <li><kbd class="key">a</kbd> Previous page</li>
+        <li><kbd class="key">d</kbd> Next page</li>
+        <li><kbd class="key">q</kbd> Search</li>
+        <li><kbd class="key">w</kbd> Scroll up</li>
+        <li><kbd class="key">s</kbd> Scroll down</li>
       </ul>
     </section>
 
     <section>
       <h1>Post</h1>
       <ul>
-        <li><span class="key">n</span> New note</li>
-        <li><span class="key">e</span> Edit tags</li>
-        <li><span class="key">shift</span>+<span class="key">e</span> Edit tags in dialog window</li>
-        <li><span class="key">q</span> Search</li>
-        <li><span class="key">w</span> Scroll up</li>
-        <li><span class="key">s</span> Scroll down</li>
-        <li><span class="key">a</span> Previous post</li>
-        <li><span class="key">d</span> Next post</li>
-        <li><span class="key">f</span> Favorite post</li>
+        <li><kbd class="key">n</kbd> New note</li>
+        <li><kbd class="key">e</kbd> Edit tags</li>
+        <li><kbd class="key">shift</kbd>+<kbd class="key">e</kbd> Edit tags in dialog window</li>
+        <li><kbd class="key">q</kbd> Search</li>
+        <li><kbd class="key">w</kbd> Scroll up</li>
+        <li><kbd class="key">s</kbd> Scroll down</li>
+        <li><kbd class="key">a</kbd> Previous post</li>
+        <li><kbd class="key">d</kbd> Next post</li>
+        <li><kbd class="key">f</kbd> Favorite post</li>
       </ul>
     </section>
   </div>