From 5973907005a1d2f431641b39a25d0ee81d16002a Mon Sep 17 00:00:00 2001 From: Gregg Tavares Date: Sat, 12 Oct 2019 17:51:48 +0900 Subject: [PATCH] prettier --- index.html | 148 ++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 140 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index 5702cbc..2e637a3 100644 --- a/index.html +++ b/index.html @@ -30,10 +30,66 @@ body { #gamepads>* { background: #333; padding: 1em; + margin: 10px 5px 0 0; } #gamepads pre { white-space: pre-wrap; } + +.head { + display: flex; +} +.head .id { + flex: 1 1 auto; +} +.head .index, +.head .id { + display: inline-block; + background: #222; + padding: 0.5em; +} +.head .index { +} + +.info .label { + width: 7em; + display: inline-block; +} +.info>div { + padding: 0.25em; + background: #222; + margin: 0.25em 0.25em 0 0; +} + +.inputs { + display: flex; +} +.axes { + display: flex; + align-items: flex-start; +} + +.svg text { + color: #CCC; + font-family: monospace; +} + +.axes svg text { + font-size: 0.6px; +} +.buttons svg text { + font-size: 1.2px; +} +.axes>div, .buttons>div { + display: inline-block; + background: #222; +} +.axes>div { + margin: 2px 5px 0 0; +} +.buttons>div { + margin: 2px 2px 0 0; +} @@ -43,19 +99,82 @@ body {