From 6b4f7757c84c9b7f3e0c82fa5987701fee1aebfa Mon Sep 17 00:00:00 2001
From: Takuya Noguchi <takninnovationresearch@gmail.com>
Date: Fri, 14 May 2021 07:13:16 +0000
Subject: Fix broken UI on mobile aftre MR 1764

Signed-off-by: Takuya Noguchi <takninnovationresearch@gmail.com>
---
 content/assets/stylesheets/stylesheet.scss | 2 +-
 layouts/404.html                           | 2 +-
 layouts/archives.html                      | 2 +-
 layouts/default.html                       | 2 +-
 layouts/instantsearch.html                 | 2 +-
 layouts/redirect.html                      | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss
index faa4f957..f4244c0a 100644
--- a/content/assets/stylesheets/stylesheet.scss
+++ b/content/assets/stylesheets/stylesheet.scss
@@ -33,7 +33,7 @@ h1 {
 }
 
 .main {
-  padding: 0 1rem 0 3rem;
+  padding: 0 1rem;
   z-index: 1;
 
   &:not(.has-toc) {
diff --git a/layouts/404.html b/layouts/404.html
index 3b91b156..d4325c74 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -12,7 +12,7 @@
       <div class="row">
         <div class="col-12">
           <div class="wrapper d-flex justify-content-center">
-            <div class="main class">
+            <div class="main class pl-lg-4">
               <%= yield %>
               <%= render '/footer.*' %>
           </div>
diff --git a/layouts/archives.html b/layouts/archives.html
index 3b345a2d..ec33277c 100644
--- a/layouts/archives.html
+++ b/layouts/archives.html
@@ -9,7 +9,7 @@
   <div id="js-banner"></div>
   <div class="wrapper d-flex justify-content-center pt-5 mt-5">
     <div class="doc-nav"></div>
-    <div class="main class js-main-wrapper">
+    <div class="main class pl-lg-4 js-main-wrapper">
       <div class="js-article-content">
         <%= yield %>
       </div>
diff --git a/layouts/default.html b/layouts/default.html
index ce00ca61..c29febe6 100644
--- a/layouts/default.html
+++ b/layouts/default.html
@@ -22,7 +22,7 @@
             <div id="js-nav-toggle"></div>
           </div>
         </div>
-        <div class="main wrapper js-main-wrapper col-12 col-lg-7">
+        <div class="main class pl-lg-4 wrapper js-main-wrapper col-12 col-lg-7">
           <div class="row">
             <div class="col">
               <div id="js-version-banner" <%= 'data-is-outdated' if show_version_banner? %> data-latest-version-url='<%= @item.identifier.without_ext + '.html' %>' data-archives-url="/archives/"></div>
diff --git a/layouts/instantsearch.html b/layouts/instantsearch.html
index fd590ac9..507f31b1 100644
--- a/layouts/instantsearch.html
+++ b/layouts/instantsearch.html
@@ -11,7 +11,7 @@
     <section class="container">
       <div class="row">
         <div class="col-12">
-          <div class="main class instantsearch-input">
+          <div class="main class pl-lg-4 instantsearch-input">
             <%= yield %>
             <%= render '/footer.*' %>
           </div>
diff --git a/layouts/redirect.html b/layouts/redirect.html
index be8b06df..3f9177a6 100644
--- a/layouts/redirect.html
+++ b/layouts/redirect.html
@@ -20,7 +20,7 @@
     <%= render '/header.*' %>
     <div class="wrapper pt-5">
       <div id="doc-nav" class="doc-nav"></div>
-      <div class="main class">
+      <div class="main class pl-lg-4">
         <h2>Redirecting...</h2>
           <a href="<%= @item[:redirect_to] %>">Click here if you are not redirected.</a>
           <script>location='<%= @item[:redirect_to] %>'</script>
-- 
cgit v1.2.3