fix(responsive): Fix footer layout (#299)

Signed-off-by: Tomas Coufal <[email protected]>

Author: tumido

src/components/Layout/Footer.js

@@ -4,11 +4,7 @@ import redhatLogo from './RHLogo.png';
 import './Footer.scss';
 
 export const Footer = () => (
-  <footer
-    key="footer-2"
-    style={{ minHeight: '50px', paddingTop: '10px' }}
-    className="ws-org-pfsite-l-footer-dark pf-m-no-fill"
-  >
+  <footer key="footer-2" className="ws-org-pfsite-l-footer-dark pf-m-no-fill">
     <Grid className="pf-u-py-xl-on-sm pf-u-py-0-on-md pf-u-align-items-center">
       <GridItem md={2} mdOffset={1}>
         <Text
@@ -20,10 +16,10 @@ export const Footer = () => (
           <img src={redhatLogo} alt="Red Hat logo" width="100px" />
         </Text>
       </GridItem>
-      <GridItem md={4} lg={3} xl={2}>
+      <GridItem md={3}>
         <span className="ws-org-pfsite-site-copyright">Operate First is a Red Hat Initiative.</span>
       </GridItem>
-      <GridItem md={4} lg={5} className="pf-u-ml-xl-on-xl">
+      <GridItem md={6}>
         <Text
           component={TextVariants.a}
           href="//www.redhat.com/en/about/privacy-policy"

src/components/Layout/Footer.scss

@@ -1,27 +1,28 @@
 .ws-org-pfsite-l-footer-dark {
-    background: #151515 !important;
-  }
-  .pf-c-page__main-section.ws-org-pfsite-l-footer-dark > * {
-    color: #d2d2d2;
-  }
-  .ws-org-pfsite-l-footer-dark a {
-    padding-right: var(--pf-global--spacer--sm);
-    padding-left: var(--pf-global--spacer--sm);
-    border-right: var(--pf-global--BorderWidth--sm) solid #d2d2d2;
-    font-weight: 100;
-    font-size: 10px;
-    color: #d2d2d2;
-    text-decoration: underline;
-  }
-  .ws-org-pfsite-l-footer-dark a:first-of-type {
-    padding-left: 0;
-  }
-  .ws-org-pfsite-l-footer-dark a:last-of-type {
-    padding-right: 0;
-    border: none;
-  }
-  .ws-org-pfsite-site-copyright {
-    white-space: nowrap;
-    color: #d2d2d2;
-    font-size: 10px;
-  }
+  background: #151515 !important;
+  padding: 10px;
+}
+.pf-c-page__main-section.ws-org-pfsite-l-footer-dark > * {
+  color: #d2d2d2;
+}
+.ws-org-pfsite-l-footer-dark a {
+  padding-right: var(--pf-global--spacer--sm);
+  padding-left: var(--pf-global--spacer--sm);
+  border-right: var(--pf-global--BorderWidth--sm) solid #d2d2d2;
+  font-weight: 100;
+  font-size: 10px;
+  color: #d2d2d2;
+  text-decoration: underline;
+}
+.ws-org-pfsite-l-footer-dark a:first-of-type {
+  padding-left: 0;
+}
+.ws-org-pfsite-l-footer-dark a:last-of-type {
+  padding-right: 0;
+  border: none;
+}
+.ws-org-pfsite-site-copyright {
+  white-space: nowrap;
+  color: #d2d2d2;
+  font-size: 10px;
+}