From 2e1a38319963b2fdfd048e67ad3c642d18b6191e Mon Sep 17 00:00:00 2001
From: Martin Abente Lahaye <tchx84@localhost.localdomain>
Date: Sat, 17 Apr 2021 11:53:18 -0400
Subject: [PATCH] Export mobile-friendly HTML documents

Flatseal is using Apostrophe for generating  its
offline documentation.

Since it needs to run on smaller mobile screens,
the exported HTML document should adapt as well.

This should help similar uses cases.
---
 data/media/css/web/base.css | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/data/media/css/web/base.css b/data/media/css/web/base.css
index 93154c0..8419b23 100644
--- a/data/media/css/web/base.css
+++ b/data/media/css/web/base.css
@@ -43,10 +43,25 @@ html {
   font-size: 16px;
 }
 
+body {
+  color: var(--text-color);
+  background-color: var(--background-color);
+  font-family: "Fira Sans", fira-sans, sans-serif, color-emoji;
+  line-height: 1.5;
+  word-wrap: break-word;
+  max-width: 980px;
+  margin: auto;
+  padding: 4em;
+}
+
 @media screen and (max-width: 799px) {
   html {
     font-size: 14px;
   }
+
+  body {
+    padding: 1em;
+  }
 }
 
 @media screen and (min-width: 1280px) {
@@ -55,17 +70,6 @@ html {
   }
 }
 
-body {
-  color: var(--text-color);
-  background-color: var(--background-color);
-  font-family: "Fira Sans", fira-sans, sans-serif, color-emoji;
-  line-height: 1.5;
-  word-wrap: break-word;
-  max-width: 980px;
-  margin: auto;
-  padding: 4em;
-}
-
 a {
   background-color: transparent;
   color: var(--link-color);
-- 
GitLab