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>

diff --git a/docs/css/mobile.css b/docs/css/mobile.css
index c538f953fbb77a71936ed605c0e16487de04c2ec..1a2ea6fcc3b76764d16e7d1ab02f04153d21ca04 100644 (file)
--- 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;