From b00543983132aa1d0ed96f4eafb7e50aecd5f7a9 Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Mon, 16 Jul 2012 17:47:24 +0200 Subject: [PATCH] demo site: make the keys inline-block, better wrap in mobile view --- assets/css/site.css | 4 ++++ assets/less/site.less | 5 +++++ 2 files changed, 9 insertions(+) diff --git a/assets/css/site.css b/assets/css/site.css index 972544f..9615c9b 100644 --- a/assets/css/site.css +++ b/assets/css/site.css @@ -267,6 +267,10 @@ article > section#keysandroid code { .navbar p a.github { float: right; } +kbd { + display: inline-block; + margin-bottom: .5em; +} kbd.android { font-family: RobotoRegular, sans-serif; font-weight: normal; diff --git a/assets/less/site.less b/assets/less/site.less index 192653d..c5ded38 100644 --- a/assets/less/site.less +++ b/assets/less/site.less @@ -137,6 +137,11 @@ article > section { a.github { float: right; } } +kbd { + display: inline-block; + margin-bottom: .5em; +} + // load Roboto kbd.android { .font-roboto;