add image size and scale entries and make them be syched back and forth

[mandelbrot-web.git] / style / mandelbrot.css

diff --git a/style/mandelbrot.css b/style/mandelbrot.css
index f375a14a215a070599b2f2777e37b55a41bfd203..4c0af96f90a633782d4ca2e26da2b45da25936a7 100644 (file)
--- a/style/mandelbrot.css
+++ b/style/mandelbrot.css
@@ -14,8 +14,18 @@ h1 {
   position: absolute;
 }
 
+#overlayArea:-moz-system-metric(touch-enabled) {
+  font-size: 3mozmm;
+}
+
+#overlayArea input[type="button"]:-moz-system-metric(touch-enabled),
+#overlayArea select:-moz-system-metric(touch-enabled) {
+  font-size: 3mozmm;
+}
+
 #settings {
   display: none;
+  background-color: rgba(255, 255, 255, .8);
 }
 
 #mainArea {