fix dynamic sizing of touches

[nanofun.git] / nanofun.css

diff --git a/nanofun.css b/nanofun.css
index e819244a0da7c36ca10caf91ed189f6b32ec98dc..785d6148daeceed4787f98e857f7969964d10417 100644 (file)
--- a/nanofun.css
+++ b/nanofun.css
@@ -1,4 +1,6 @@
-body {
+html, body {
+  padding: 0;
+  margin: 0;
   font-family: sans-serif;
   font-size: 16px;
 }
@@ -9,10 +11,11 @@ body {
 
 div.nanotouch {
   border: 1px dashed #333;
+  box-sizing: border-box;
   padding: 1.5rem;
   position: relative;
-  width: 7vw;
-  height: 7vw;
+  width: 10vw;
+  height: 10vw;
   margin: 1vw;
   display: inline-block;
   overflow: hidden;