From 36bdfa082b92f984166255da109d5cc0b2a1cd3f Mon Sep 17 00:00:00 2001
From: ZitRos <zitros.lab@gmail.com>
Date: Fri, 22 Sep 2017 05:46:38 -0400
Subject: [PATCH] Mobile-friendly website fixes, closes #12

---
 static/tufte.css     | 2 ++
 templates/index.html | 8 ++------
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/static/tufte.css b/static/tufte.css
index 27e3b7a..d7b3955 100755
--- a/static/tufte.css
+++ b/static/tufte.css
@@ -82,6 +82,8 @@ p.subtitle { font-style: italic;
 article { position: relative;
           padding: 5rem 0rem; }
 
+article pre { overflow: auto; }
+
 section { padding-top: 1rem;
           padding-bottom: 1rem; }
 
diff --git a/templates/index.html b/templates/index.html
index 79e916b..6fbbdf0 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -5,7 +5,7 @@
     <title>Coinbin.org: A Human–Friendly API Service for Crypto Currency Information</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='tufte.css') }}"/>
     <link rel="stylesheet" href="{{ url_for('static', filename='latex.css') }}"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 
     <script>
       function resizeIframe(obj) {
@@ -89,11 +89,7 @@
       <p><em><strong>Note — </strong>This information is presented for informational purposes
         only, and is not recommended for making actual trading decisions.</em></p>
 
-
-
-
-        <iframe src="/btc/forecast/graph" frameborder="0" scrolling="no" onload="resizeIframe(this)" width="80%"></iframe>
-
+      <pre><iframe src="/btc/forecast/graph" frameborder="0" scrolling="no" onload="resizeIframe(this)"></iframe></pre>
 
       <p></p>
 <code><strong>$ curl <a href="https://coinbin.org/btc/forecast">https://coinbin.org/btc/forecast</a></strong></code>