From 2e27e0723044e70266d6a4850843cfb809e055b8 Mon Sep 17 00:00:00 2001
From: Clement G <clement@garrot.org>
Date: Sat, 25 Apr 2020 14:23:16 +0200
Subject: [PATCH] fix(footer) : fix break-word problem on small devices

---
 src/components/layouts/Footer.jsx | 56 +++++++++++++++++--------------
 1 file changed, 30 insertions(+), 26 deletions(-)

diff --git a/src/components/layouts/Footer.jsx b/src/components/layouts/Footer.jsx
index 82098fb..30dfee7 100644
--- a/src/components/layouts/Footer.jsx
+++ b/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>