From cb3ca25aac2706dc4195e2a2826e88da18082acc Mon Sep 17 00:00:00 2001
From: Divlo <contact@divlo.fr>
Date: Fri, 20 Mar 2020 18:36:48 +0100
Subject: [PATCH] frontend: FunctionCard CSS Function__info bottom

---
 frontend/components/FunctionCard/FunctionCard.css | 6 ++++++
 frontend/components/FunctionCard/FunctionCard.js  | 8 +++++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/components/FunctionCard/FunctionCard.css b/frontend/components/FunctionCard/FunctionCard.css
index 939fb21..20f8a0d 100644
--- a/frontend/components/FunctionCard/FunctionCard.css
+++ b/frontend/components/FunctionCard/FunctionCard.css
@@ -27,6 +27,12 @@
     }   
 }
 
+.FunctionCard__top {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex-grow: 1;
+}
 .FunctionCard__image {
     width: 150px;
 }
diff --git a/frontend/components/FunctionCard/FunctionCard.js b/frontend/components/FunctionCard/FunctionCard.js
index 564e896..b6f15c8 100644
--- a/frontend/components/FunctionCard/FunctionCard.js
+++ b/frontend/components/FunctionCard/FunctionCard.js
@@ -4,9 +4,11 @@ import './FunctionCard.css';
 const FunctionCard = (props) =>  (
     <Link href={`/functions/${props.slug}`}>
         <div className="FunctionCard col-sm-24 col-md-10 col-xl-7">
-            <img className="FunctionCard__image" alt={props.title} src={props.image} />
-            <h2 className="FunctionCard__title">{props.title}</h2>
-            <p className="FunctionCard__description">{props.description}</p>
+            <div className="FunctionCard__top">
+                <img className="FunctionCard__image" alt={props.title} src={props.image} />
+                <h2 className="FunctionCard__title">{props.title}</h2>
+                <p className="FunctionCard__description">{props.description}</p>
+            </div>
             <div className="FunctionCard__info">
                 <p className="FunctionCard__category" style={{ backgroundColor: props.category.color }}>{props.category.name}</p>
                 <p className="FunctionCard__publication-date">{props.publicationDate}</p>