From e3eca3a6d0f41a12f36e18abe344b1a4b1211520 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@0d.be>
Date: Wed, 22 Feb 2017 12:15:29 +0100
Subject: [PATCH] style background and pads

---
 nanofun.css | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/nanofun.css b/nanofun.css
index 785d614..158fa7f 100644
--- a/nanofun.css
+++ b/nanofun.css
@@ -5,12 +5,17 @@ html, body {
   font-size: 16px;
 }
 
+body {
+  background: #f8faf8;
+}
+
 #nanopad {
   margin: 0 auto;
 }
 
 div.nanotouch {
-  border: 1px dashed #333;
+  border-radius: 5px;
+  box-shadow: 0 0 5px #666;
   box-sizing: border-box;
   padding: 1.5rem;
   position: relative;
@@ -19,11 +24,15 @@ div.nanotouch {
   margin: 1vw;
   display: inline-block;
   overflow: hidden;
+  background: white;
+}
+
+div.nanotouch.error {
+  background: #ff9a9a;
 }
 
 div.nanotouch.loaded {
   background: #9aff9a;
-  border: 1px solid #4bff4b;
 }
 
 div.nanotouch.loaded.playing {
-- 
2.39.2