[libhandy] css: Fix status page margins when missing one of the children

[Alexander Mikhaylenko <alexm src gnome org>]

commit 7385bb6ee76db99a9325ab9c75891e3cd943fad3
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Mon Feb 15 19:48:19 2021 +0500

    css: Fix status page margins when missing one of the children

 src/themes/Adwaita-dark.css        |  6 +++---
 src/themes/Adwaita.css             |  6 +++---
 src/themes/HighContrast.css        |  6 +++---
 src/themes/HighContrastInverse.css |  6 +++---
 src/themes/_fallback-base.scss     | 16 +++++++++-------
 src/themes/fallback.css            |  6 +++---
 6 files changed, 24 insertions(+), 22 deletions(-)
---
diff --git a/src/themes/Adwaita-dark.css b/src/themes/Adwaita-dark.css
index 8ca52263..973ff2a3 100644
--- a/src/themes/Adwaita-dark.css
+++ b/src/themes/Adwaita-dark.css
@@ -77,11 +77,11 @@ viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
 
 statuspage > scrolledwindow > viewport > box { margin: 36px 12px; }
 
-statuspage > scrolledwindow > viewport > box > clamp > box > .icon { margin-bottom: 36px; }
+statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { margin-bottom: 36px; }
 
-statuspage > scrolledwindow > viewport > box > clamp > box > .title { margin-bottom: 12px; }
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 36px; }
 
-statuspage > scrolledwindow > viewport > box > clamp > box > .description { margin-bottom: 36px; }
+statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { margin-bottom: 12px; }
 
 preferencespage > scrolledwindow > viewport > clamp { margin: 0 12px; transition: margin-bottom 200ms ease; }
 
diff --git a/src/themes/Adwaita.css b/src/themes/Adwaita.css
index 797eb18d..3c43bde6 100644
--- a/src/themes/Adwaita.css
+++ b/src/themes/Adwaita.css
@@ -77,11 +77,11 @@ viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
 
 statuspage > scrolledwindow > viewport > box { margin: 36px 12px; }
 
-statuspage > scrolledwindow > viewport > box > clamp > box > .icon { margin-bottom: 36px; }
+statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { margin-bottom: 36px; }
 
-statuspage > scrolledwindow > viewport > box > clamp > box > .title { margin-bottom: 12px; }
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 36px; }
 
-statuspage > scrolledwindow > viewport > box > clamp > box > .description { margin-bottom: 36px; }
+statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { margin-bottom: 12px; }
 
 preferencespage > scrolledwindow > viewport > clamp { margin: 0 12px; transition: margin-bottom 200ms ease; }
 
diff --git a/src/themes/HighContrast.css b/src/themes/HighContrast.css
index 30f89b60..c5b1f1a3 100644
--- a/src/themes/HighContrast.css
+++ b/src/themes/HighContrast.css
@@ -77,11 +77,11 @@ viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
 
 statuspage > scrolledwindow > viewport > box { margin: 36px 12px; }
 
-statuspage > scrolledwindow > viewport > box > clamp > box > .icon { margin-bottom: 36px; }
+statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { margin-bottom: 36px; }
 
-statuspage > scrolledwindow > viewport > box > clamp > box > .title { margin-bottom: 12px; }
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 36px; }
 
-statuspage > scrolledwindow > viewport > box > clamp > box > .description { margin-bottom: 36px; }
+statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { margin-bottom: 12px; }
 
 preferencespage > scrolledwindow > viewport > clamp { margin: 0 12px; transition: margin-bottom 200ms ease; }
 
diff --git a/src/themes/HighContrastInverse.css b/src/themes/HighContrastInverse.css
index 18d31d85..e43782c8 100644
--- a/src/themes/HighContrastInverse.css
+++ b/src/themes/HighContrastInverse.css
@@ -77,11 +77,11 @@ viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
 
 statuspage > scrolledwindow > viewport > box { margin: 36px 12px; }
 
-statuspage > scrolledwindow > viewport > box > clamp > box > .icon { margin-bottom: 36px; }
+statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { margin-bottom: 36px; }
 
-statuspage > scrolledwindow > viewport > box > clamp > box > .title { margin-bottom: 12px; }
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 36px; }
 
-statuspage > scrolledwindow > viewport > box > clamp > box > .description { margin-bottom: 36px; }
+statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { margin-bottom: 12px; }
 
 preferencespage > scrolledwindow > viewport > clamp { margin: 0 12px; transition: margin-bottom 200ms ease; }
 
diff --git a/src/themes/_fallback-base.scss b/src/themes/_fallback-base.scss
index 5b86ed0a..dc9a47b2 100644
--- a/src/themes/_fallback-base.scss
+++ b/src/themes/_fallback-base.scss
@@ -153,17 +153,19 @@ viewswitchertitle viewswitcher {
 statuspage > scrolledwindow > viewport > box {
   margin: 36px 12px;
 
-  > clamp > box {
-    > .icon {
+  > clamp {
+    &:not(:last-child) > box {
       margin-bottom: 36px;
     }
 
-    > .title {
-      margin-bottom: 12px;
-    }
+    > box {
+      > .icon:not(:last-child) {
+        margin-bottom: 36px;
+      }
 
-    > .description {
-      margin-bottom: 36px;
+      > .title:not(:last-child) {
+        margin-bottom: 12px;
+      }
     }
   }
 }
diff --git a/src/themes/fallback.css b/src/themes/fallback.css
index 288acd3f..d2587b17 100644
--- a/src/themes/fallback.css
+++ b/src/themes/fallback.css
@@ -77,11 +77,11 @@ viewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }
 
 statuspage > scrolledwindow > viewport > box { margin: 36px 12px; }
 
-statuspage > scrolledwindow > viewport > box > clamp > box > .icon { margin-bottom: 36px; }
+statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { margin-bottom: 36px; }
 
-statuspage > scrolledwindow > viewport > box > clamp > box > .title { margin-bottom: 12px; }
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 36px; }
 
-statuspage > scrolledwindow > viewport > box > clamp > box > .description { margin-bottom: 36px; }
+statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { margin-bottom: 12px; }
 
 preferencespage > scrolledwindow > viewport > clamp { margin: 0 12px; transition: margin-bottom 200ms ease; }