Merge pull request #669 from snack-attack/feat/improve-footer

made footer layout mobile responsive
neherlab · May 11, 2020 · 1799c24 · 1799c24 · vercel · May 11, 2020
2 parents 484fc2c + 4a5579b
commit 1799c24
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/Layout/Footer.tsx b/src/components/Layout/Footer.tsx
@@ -8,11 +8,13 @@ import './Footer.scss'
 
 export default function Footer() {
   return (
-    <Container fluid>
+    <Container fluid className="py-3">
       <Row noGutters>
-        <Col md={6}>{'COVID-19 Scenarios (c) 2020 neherlab'}</Col>
-        <Col md={6} className="d-flex">
-          <small className="ml-auto text-gray-light">{getVersionString()}</small>
+        <Col xs={12} md={6} className="text-center text-md-left mb-2 mb-md-0">
+          {'COVID-19 Scenarios (c) 2020 neherlab'}
+        </Col>
+        <Col xs={12} md={6} className="d-flex justify-content-center justify-content-md-end align-items-center">
+          <small className="text-gray-light">{getVersionString()}</small>
         </Col>
       </Row>
     </Container>