1 files changed, 4 insertions, 3 deletions
diff --git a/app.py b/app.py
index 4db2c24..836dabf 100644
--- a/app.py
+++ b/app.py
@@ -19,11 +19,12 @@ TEMPLATE_STR = """<!DOCTYPE html>
 <html lang="zxx">
 <head>
 <title>lux</title>
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <style>
-  body { margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; }
-  h1 { font-family: monospace; }
+  body { margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100dvh; }
+  h1 { font-family: monospace; font-size: 2rem; }
   input[type=color] {
-    width: 200px; height: 200px; border: none; border-radius: 50%; cursor: pointer; padding: 0;
+    width: 60vmin; height: 60vmin; border: none; border-radius: 50%; cursor: pointer; padding: 0;
     background: radial-gradient(circle, white 0%, transparent 70%),
       conic-gradient(hsl(0,100%,50%), hsl(60,100%,50%), hsl(120,100%,50%),
         hsl(180,100%,50%), hsl(240,100%,50%), hsl(300,100%,50%), hsl(360,100%,50%));