cleanup demo for mobile safari

fat · fat · commit 9baa398652f4 · 2015-05-07T09:58:14.000-07:00
diff --git a/index.html b/index.html
@@ -1,13 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
   <style>
     /* SIMPLE DEMO STYLES */
     body {
-      font-family: helvetica;
+      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+      font-size: 12px;
+      line-height: 1.6;
     }
     .container {
-      margin: 100px auto;
+      margin: 50px;
       max-width: 700px;
     }
     .container img {
@@ -18,6 +22,15 @@
       float: left;
       margin: 20px 20px 20px -80px;
     }
+    @media (min-width: 750px) {
+      body {
+        font-size: 16px;
+        line-height: 1.6;
+      }
+      .container {
+        margin: 100px auto;
+      }
+    }
   </style>
   <link rel="stylesheet" type="text/css" href="css/zoom.css">
 </head>
