From 7756e1a2e03f5d820bf1dd35d7689de17b25eb3a Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Fri, 22 May 2020 17:53:19 +0200
Subject: [PATCH] [STYLE] Remove some overflow (small screens) and break words
 in code

---
 static/css/style.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/static/css/style.css b/static/css/style.css
index e68d3b8..675a70c 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -488,7 +488,10 @@ a:focus {
 /******************* Article Figure *******************/
 .article-body figure {
 	margin: 1em 0;
-	display: table;
+	/*display: table;*/
+	width: max-content;
+	max-width: 100%;
+	overflow: auto;
 }
 .article-body figure picture,
 .article-body figure figcaption {
@@ -597,10 +600,15 @@ pre {
 	padding: 0.3rem;
 	margin-top: 0.5rem;
 	background: repeating-linear-gradient(28deg, #1C1C1C, #1C1C1C 20px, #121212 20px, #121212 40px);
+	overflow: auto;
 }
 :not(pre)>code, :not(details)>code {
 	font-size: 1rem;
 	color: var(--font-color-em);
+	word-break: break-word;
+}
+.allowbreak code {
+	word-break: break-word;
 }
 
 /******************* Article Details *******************/