Responsive improvement

and3k5 · and3k5 · commit 74afb1561ec3 · 2015-06-17T08:29:15.000Z
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html>
     <head>
         <meta charset="utf-8">
-        <meta name="viewport" content="initial-scale=1">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
         
         <title>DataURL</title>
         
diff --git a/style.css b/style.css
@@ -1,3 +1,12 @@
+@media screen and (max-width: 370px) {
+    .btn {
+        display:block;
+        float:none !important;
+        width:100%;
+        box-sizing: border-box;
+    }
+}
+
 body {
     font-family: Verdana;
     color:white;
@@ -91,7 +100,7 @@ h1 {
     }
     header {
         background-color:rgba(0,60,120,0.75);
-        position:fixed;
+        position:absolute;
         width:100%;
         margin:0px;
         top:0px;
@@ -112,4 +121,4 @@ h1 {
         padding:15px;
         height:100%;
     }
-}
+}
