css: mobile: Fix responsive design of 'docs' and 'knowledgebase' pages

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>

1 files changed, 4 insertions, 0 deletions

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;