From 030c595779ed85d5f1b0f82cdecc996a7cba441e Mon Sep 17 00:00:00 2001
From: Rawat <divyanshu.r46956@gmail.com>
Date: Sat, 28 Mar 2020 18:00:56 +0100
Subject: [PATCH] =?UTF-8?q?UI=20Updates=20=F0=9F=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ignitus-Testimonial/Components/Testimonial.jsx |  2 +-
 .../ignitus-Testimonial/Styles/style.scss          | 14 +++++++++-----
 src/ignitus-Shared/ignitus-DesignSystem/shared.ts  |  8 ++++----
 3 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/ignitus-HomePage/ignitus-Testimonial/Components/Testimonial.jsx b/src/ignitus-HomePage/ignitus-Testimonial/Components/Testimonial.jsx
index 5e03ca0e..035ff323 100644
--- a/src/ignitus-HomePage/ignitus-Testimonial/Components/Testimonial.jsx
+++ b/src/ignitus-HomePage/ignitus-Testimonial/Components/Testimonial.jsx
@@ -32,7 +32,7 @@ const Testimonial = ({ testimonialData, getTestimonialData }) => {
 
   return (
     <div className="testimonial">
-      <div className="testimonials-title title">Testimonials</div>
+      <div className="testimonials-title">Testimonials</div>
       <div className="testimonial-wrapper">
         <div className="left-arrow arrow" onClick={prevTestimonial}>
           <i className="fa fa-arrow-left" />
diff --git a/src/ignitus-HomePage/ignitus-Testimonial/Styles/style.scss b/src/ignitus-HomePage/ignitus-Testimonial/Styles/style.scss
index fb9a58a6..81c1b4eb 100644
--- a/src/ignitus-HomePage/ignitus-Testimonial/Styles/style.scss
+++ b/src/ignitus-HomePage/ignitus-Testimonial/Styles/style.scss
@@ -1,10 +1,14 @@
 // import ignitus token variables
-@import "./src/ignitus-Shared/styles/ignitus-tokens";
-@import "./src/ignitus-Shared/styles/ignitus-mixins";
+@import './src/ignitus-Shared/styles/ignitus-tokens';
+@import './src/ignitus-Shared/styles/ignitus-mixins';
 
 .testimonial {
   .testimonials-title {
     text-align: center;
+    font-weight: 600;
+    font-size: 22px;
+    color: #000066;
+    color: #000066;
   }
   .testimonial-wrapper {
     display: flex;
@@ -24,7 +28,7 @@
       padding: 1em;
 
       .testimonial-text {
-        font-size: 1em;
+        font-size: 1.2rem;
         font-style: italic;
         font-weight: 200;
         text-align: center;
@@ -44,7 +48,7 @@
       }
     }
   }
-  @media only screen and (max-width:576px){
+  @media only screen and (max-width: 576px) {
     display: none;
   }
 }
@@ -60,4 +64,4 @@
   background: darkblue;
   color: white;
   cursor: pointer;
-}
\ No newline at end of file
+}
diff --git a/src/ignitus-Shared/ignitus-DesignSystem/shared.ts b/src/ignitus-Shared/ignitus-DesignSystem/shared.ts
index dd0446b3..41f254dd 100644
--- a/src/ignitus-Shared/ignitus-DesignSystem/shared.ts
+++ b/src/ignitus-Shared/ignitus-DesignSystem/shared.ts
@@ -1,8 +1,8 @@
 import styled from '@emotion/styled';
 import * as C from './ignitus-Atoms/colors';
 import * as F from './ignitus-Atoms/fonts';
-import { mq } from './ignitus-Atoms/media';
-import { Heading3 } from './ignitus-Atoms/typography';
+import {mq} from './ignitus-Atoms/media';
+import {Heading3} from './ignitus-Atoms/typography';
 
 export const Title = styled(Heading3)`
   color: ${C.IgnitusBlue};
@@ -21,8 +21,8 @@ export const Paragraph = styled.p`
 /* Shared between partners & contirbutors component. */
 
 export const Wrapper = styled.div`
-  margin: 1em;
-  margin-bottom: 2em;
+  margin-top: 1rem;
+  margin-bottom: 4rem;
 `;
 
 export const TopSection = styled.section`