Better fix for mobile view

2 files changed, 8 insertions, 27 deletions

diff --git a/static/main.css b/static/main.css
index cbc338e..18bebbc 100644
--- a/static/main.css
+++ b/static/main.css
@@ -96,35 +96,14 @@ iframe {
 .longboi {
     word-wrap: break-word;
 }
-/*
+
 @media screen and (max-device-width: 480px) {
-    h1 {
-        font-size: 150%;
-    }
-    h2 {
-        font-size: 125%;
-    }
-    h3 {
-        font-size: 115%;
-    }
-    h4 {
-        font-size: 100%;
-    }
-    body {
-        max-width: 100%;
-        font-size: 100%;
-    }
     .license {
         font-size: 0;
     }
-    p {
-        margin-top: 5%;
-        margin-bottom: 5%;
-    }
-    code.longboi {
+    .longboi {
+        word-wrap: break-word;
+
         font-size: 65%;
     }
-    .content {
-        text-align: left;
-    }
-}*/
+}
diff --git a/templates/base.html b/templates/base.html
index 7862e3f..d1d0c08 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -14,7 +14,9 @@
         mjfernez, mjfernet, mike, fernez, mikefernez, michael, Fernez,
         Mike, Mike Fernez, Michael Fernez"/>
         <meta name="author" content="mjfernez">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+        <!--<meta name="viewport" content="width=device-width,
+            initial-scale=1.0"/> -->
+        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
         {% block css%}
         <link rel="stylesheet" type="text/css" href="/static/main.css">
         <link rel="icon" href="/favicon.ico">