From 3308b2b4ea3d01f17ff1abd5b1751a1f42b9dd48 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jure=20=C5=A0orn?= <sornjure@gmail.com>
Date: Sun, 15 Dec 2019 01:30:19 +0100
Subject: [PATCH] Limited paragraph and li width to screen size on mobile

---
 web/style.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/web/style.css b/web/style.css
index 2c6b111..e6beed0 100644
--- a/web/style.css
+++ b/web/style.css
@@ -237,17 +237,27 @@ ul {
   margin-top: 0;
 }
 
-@media only screen and (max-device-width: 1024px) {
+@media only screen and (max-device-width: 1023px) {
   .ocks-org body {
     font-size: 70%;
     padding: 0.5rem;
   }
 
+  body > p,
+  div > p {
+    width: 90vw !important;
+  }
+
+  li {
+    width: 82vw;
+  }
+
   h3,
   h4,
   p,
   ul {
     padding-left: .7rem;
+    width: 90vw;
   }
 
   h1 {