[PATCH 10/12] css: Fix styling of the "3 panel" pages

Peter Krempa posted 12 patches 1 year ago
[PATCH 10/12] css: Fix styling of the "3 panel" pages
Posted by Peter Krempa 1 year ago
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>
---
 docs/css/libvirt.css | 2 ++
 docs/css/mobile.css  | 1 -
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/css/libvirt.css b/docs/css/libvirt.css
index e198f63fb8..2f4daa4690 100644
--- 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 daa459352b..1b0bd8b350 100644
--- 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;
-- 
2.40.1