From 0e8f61bebaf879827297abedace25de306ba6b4f Mon Sep 17 00:00:00 2001
From: Peter Krempa <pkrempa@redhat.com>
Date: Tue, 16 May 2023 15:50:47 +0200
Subject: [PATCH] css: mobile: Fix responsive design of 'docs' and
 'knowledgebase' pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

When the pages were converted to rST it required changes to how the
panels are created. This change was not reproduced in the specific media
override for narrow displays and thus made those pages unusable.

Note that two lines per document are needed as some rst2html5 versions
format a <div class='section'> and others do a <section> element
instead.

Signed-off-by: Peter Krempa <pkrempa@redhat.com>
Reviewed-by: Ján Tomko <jtomko@redhat.com>
---
 docs/css/mobile.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/docs/css/mobile.css b/docs/css/mobile.css
index c538f953fb..1a2ea6fcc3 100644
--- a/docs/css/mobile.css
+++ b/docs/css/mobile.css
@@ -87,6 +87,10 @@
     #body {
        margin-top: 180px;
     }
+    #documentation section,
+    #documentation .section,
+    #knowledge-base section,
+    #knowledge-base .section,
     div.panel {
        width: 80%;
        float: none;