[gi-docgen/wip/jimmac/kbd-css] css: style keyboard shortcuts

[Jakub Steiner <jimmac src gnome org>]

commit 5ff700168a679f07d8c05e9f83cd817d49caa45c
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed Jan 5 13:00:38 2022 +0100

    css: style keyboard shortcuts
    
    - stay close to what libadwaita does
    
    Fixes https://gitlab.gnome.org/GNOME/gi-docgen/-/issues/122

 gidocgen/templates/basic/style.css | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)
---
diff --git a/gidocgen/templates/basic/style.css b/gidocgen/templates/basic/style.css
index 4a92097..dfb6cf4 100644
--- a/gidocgen/templates/basic/style.css
+++ b/gidocgen/templates/basic/style.css
@@ -630,13 +630,15 @@ footer {
 
 kbd {
   display: inline-block;
-  padding: 3px 5px;
-  font: 15px monospace;
+  padding: 8px;
+  font: 10px monospace;
   line-height: 10px;
   vertical-align: middle;
-  border: solid 1px;
-  border-radius: 3px;
-  box-shadow: inset 0 -1px 0;
+  border: none;
+  border-radius: 6px;
+  box-shadow: 0 0 3px rgba(0,0,0,0.3);
+  margin: 3px;
+  background-color: var(--box-bg);
   cursor: default;
 }