css: Fix styling of the "3 panel" pages

Use the same 'margin-bottom' bot for the normal and mobile layout fixing
one of the panels touching the footer.

Use same font size both for <h1> and <h2> used as the column titles as
rst2html5 based on version can generate either of them.

Signed-off-by: Peter Krempa <pkrempa@redhat.com>
Reviewed-by: Ján Tomko <jtomko@redhat.com>

diff --git a/docs/css/libvirt.css b/docs/css/libvirt.css
index e198f63fb81922833c0936d2404bfc1b4925773d..2f4daa4690d8043043c8922d02640b2f31906d94 100644 (file)
--- a/docs/css/libvirt.css
+++ b/docs/css/libvirt.css
@@ -327,6 +327,7 @@ div.panel,
 {
     width: 24%;
     margin-left: 7%;
+    margin-bottom: 2em;
     float: left;
     background: rgb(230, 230, 230);
 }
@@ -343,6 +344,7 @@ div.panel h2,
     background: rgb(0, 95, 97);
     color: rgb(255, 255, 255);
     text-align: center;
+    font-size: 1.6em;
 }
 
 #index.document h1 {

diff --git a/docs/css/mobile.css b/docs/css/mobile.css
index daa459352b151f92c3b9b746b858dcb7e3e94627..1b0bd8b350aa788f0573f6beed1aafe0a54fbbac 100644 (file)
--- a/docs/css/mobile.css
+++ b/docs/css/mobile.css
@@ -95,7 +95,6 @@
        width: 100%;
        margin-left: 0px;
        float: none;
-       margin-bottom: 2em;
     }
     #advancedsearch {
        margin-top: 4em;