Merge pull request #42 from MieuxVoter/feature/fix-footer-height

Feature/fix footer height

src/components/layouts/Footer.jsx

@@ -1,7 +1,7 @@
-import React, {Component} from 'react';
-import {withTranslation} from 'react-i18next';
-import {Link} from 'react-router-dom';
-import Paypal from '../banner/Paypal';
+import React, { Component } from "react";
+import { withTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
+import Paypal from "../banner/Paypal";
 
 class Footer extends Component {
   constructor(props) {
@@ -10,29 +10,33 @@ class Footer extends Component {
   }
 
   render() {
-    const linkStyle = {whiteSpace: 'nowrap'};
-    const {t} = this.props;
+    const linkStyle = { whiteSpace: "nowrap" };
+    const { t } = this.props;
     return (
-      <footer className="text-center">
-        <Link to="/" style={linkStyle}>
-          {t('Homepage')}
-        </Link>
-        <span className="m-2">-</span>
-        <a
-          href="https://github.com/MieuxVoter"
-          target="_blank"
-          rel="noopener noreferrer"
-          style={linkStyle}>
-          {t('Source code')}
-        </a>
-        <span className="m-2">-</span>
-        <a
-          href="https://mieuxvoter.fr/"
-          target="_blank"
-          rel="noopener noreferrer"
-          style={linkStyle}>
-          {t('Who are we?')}
-        </a>
+      <footer className="text-center" >
+        <div>
+          <Link to="/" style={linkStyle}>
+            {t("Homepage")}
+          </Link>
+            {" "}<span>-</span>{" "}
+          <a
+            href="https://github.com/MieuxVoter"
+            target="_blank"
+            rel="noopener noreferrer"
+            style={linkStyle}
+          >
+            {t("Source code")}
+          </a>
+            {" "}<span>-</span>{" "}
+          <a
+            href="https://mieuxvoter.fr/"
+            target="_blank"
+            rel="noopener noreferrer"
+            style={linkStyle}
+          >
+            {t("Who are we?")}
+          </a>
+        </div>
         <div className="mt-3">
           <Paypal btnColor="btn-primary" />
         </div>

src/scss/_app.scss

@@ -47,7 +47,7 @@ main {
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-color: $mv-blue-color;
-  min-height: calc(100% - 170px);
+  min-height: calc(100% - 128px);
   overflow: auto;
   padding-top: 72px;
   padding-bottom: 100px;