From 7788afaccf24954153383291a0dc6ba65f827a50 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Thu, 30 Mar 2017 13:07:26 +0200
Subject: [PATCH] Add CSS for styling of keyboard shortcuts view

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 core/css/apps.scss | 31 ++++++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/core/css/apps.scss b/core/css/apps.scss
index 898a18ae9c..0c31e5bae4 100644
--- a/core/css/apps.scss
+++ b/core/css/apps.scss
@@ -16,7 +16,7 @@
  *
  */
 
-/* HEADING STYLING ---------------------------------------------------------- */
+/* BASE STYLING ---------------------------------------------------------- */
 
 h2 {
 	font-size: 20px;
@@ -24,11 +24,13 @@ h2 {
 	margin-bottom: 12px;
 	line-height: 140%;
 }
+
 h3 {
 	font-size: 15px;
 	font-weight: 300;
 	margin: 12px 0;
 }
+
 /* do not use italic typeface style, instead lighter color */
 em {
 	font-style: normal;
@@ -36,6 +38,33 @@ em {
 	opacity: .5;
 }
 
+dl {
+	padding: 12px 0;
+}
+
+dt,
+dd {
+	display: inline-block;
+	padding: 12px;
+	padding-left: 0;
+}
+
+dt {
+	width: 130px;
+	white-space: nowrap;
+	text-align: right;
+}
+
+kbd {
+	padding: 4px 10px;
+	border: 1px solid #ccc;
+	box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
+	border-radius: 3px;
+	display: inline-block;
+	white-space: nowrap;
+}
+
+
 /* APP STYLING -------------------------------------------------------------- */
 
 #app {