fix: set margin-top for ctas in footer on mobile (#1667)

* US296521 fix: set margin-top for ctas in footer after the second one.

* US296521 - reset margin-top to 0 for CTAs on desktop

* fix: fixed z-index issue on demo page.

* chore: update changelog

Co-authored-by: [ Cassondra ] <[email protected]>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: heyMP <[email protected]>

Author: 4 people

CHANGELOG-1.x.md

@@ -1,3 +1,7 @@
+# 1.10.0 ()
+
+- [](https://github.com/patternfly/patternfly-elements/commit/) fix: set margin-top for ctas in footer on mobile
+
 # 1.9.2 (2021-06-01)
 
 - [225484b](https://github.com/patternfly/patternfly-elements/commit/225484bfcd166f46b515b2500f2f8710fd227e35) fix: pfe-content-set, bring back ID copy from parent to nested item

elements/pfe-navigation/demo/index.html

@@ -56,6 +56,7 @@
 
     pfe-navigation {
       --pfe-navigation__logo--MinWidth: 200px;
+      z-index: 99;
     }
 
     @media (max-width: 440px) {

elements/pfe-navigation/src/pfe-navigation--lightdom.scss

@@ -453,8 +453,7 @@ pfe-navigation-item {
                 margin-bottom: 0;
             }
 
-            >*:nth-child(3),
-            >*:nth-child(4) {
+            >*:nth-child(n+3) {
                 margin-top: 32px;
             }
         }
@@ -486,8 +485,7 @@ pfe-navigation-item {
                 -ms-grid-column: 4;
             }               
 
-            >*:nth-child(3),
-            >*:nth-child(4) {
+            >*:nth-child(n+3) {
                 margin-top: 0;
             }
         }