From 97d13a3281fa75163a4be583577fb4a6d4d9a851 Mon Sep 17 00:00:00 2001
From: Sharyn <sharyn@nonacreative.com>
Date: Wed, 18 Jul 2018 13:10:58 +0200
Subject: [PATCH] Adding margin bottom for multiple answers results

---
 components/searchResults/index.js   | 2 +-
 components/searchResults/style.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/searchResults/index.js b/components/searchResults/index.js
index 98e8579..03bb003 100644
--- a/components/searchResults/index.js
+++ b/components/searchResults/index.js
@@ -107,7 +107,7 @@ const SearchResults = (props) => {
               </div>
               {interview.matchingQuestionAnswerPositions ?
               interview.matchingQuestionAnswerPositions.map(match => (
-                <div key={match.index + 1}>
+                <div className="question-wrap" key={match.index + 1}>
                   <h5>{match.index + 1})&nbsp;
                     { findQuestion(match) }
                   </h5>
diff --git a/components/searchResults/style.scss b/components/searchResults/style.scss
index 93b8629..15963c5 100644
--- a/components/searchResults/style.scss
+++ b/components/searchResults/style.scss
@@ -76,4 +76,8 @@
       }
     }
   }
+
+  .question-wrap {
+    margin-bottom: calculateRem(20);
+  }
 }