From b758b1ead2f491c00476afbca74e12f49aa6caac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Let=C3=ADcia=20Camara?= <lettcamara@gmail.com>
Date: Thu, 18 Oct 2018 00:26:34 -0300
Subject: [PATCH] Align Titles

---
 src/assets/css/palmpay.css            | 20 ++++++++++++++++++++
 src/components/pages/MarketingPage.js |  7 +++++++
 src/components/pages/MerchantsPage.js |  2 +-
 3 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/palmpay.css b/src/assets/css/palmpay.css
index 49511a3..3e529da 100644
--- a/src/assets/css/palmpay.css
+++ b/src/assets/css/palmpay.css
@@ -360,8 +360,28 @@ ul.social-buttons {
 }
 .ambassadorsTitle {
   margin-top: 0 !important;
+  margin-left: -97px;
 }
 .about.bg-secondary > div {
   padding-left: 0 !important;
   padding-right: 0 !important;
 }
+.ambassadorsTitle {
+  margin-top: 0 !important;
+}
+
+@media screen and (min-width: 328px) {
+  .ambassadorsTitle {
+    margin-left: -97px;
+  }
+  .marketingMargin {
+    margin-left: -147px !important;
+  }
+  .merchantsMargin {
+    margin-left: -150px !important;
+  }
+}
+
+th {
+  text-align: left !important;
+}
\ No newline at end of file
diff --git a/src/components/pages/MarketingPage.js b/src/components/pages/MarketingPage.js
index 49df096..68492cb 100644
--- a/src/components/pages/MarketingPage.js
+++ b/src/components/pages/MarketingPage.js
@@ -6,6 +6,12 @@ import { FormattedMessage, FormattedHTMLMessage } from 'react-intl';
 import AppHeader from '../AppHeader';
 import Footer from '../Footer';
 
+const centerStyle = {
+  textAlign: 'center',
+  marginTop: 20,
+  marginBottom: 20
+};
+
 /**
  * Marketing page component.
  */
@@ -109,6 +115,7 @@ class MarketingPage extends React.Component {
       <div className="containerfix">
       <div className="row">
       <div className="col-md-10 mx-md-auto">
+        <h2 className="ambassadorsTitle marketingMargin" style={centerStyle}>Marketing</h2>
       <div>
       <div>
       <Button
diff --git a/src/components/pages/MerchantsPage.js b/src/components/pages/MerchantsPage.js
index fcb6765..aaa5c8f 100644
--- a/src/components/pages/MerchantsPage.js
+++ b/src/components/pages/MerchantsPage.js
@@ -259,7 +259,7 @@ class MerchantsPage extends Component {
       <div className="row">
       <div className="col-md-10 mx-md-auto">
 
-        <h2 className="ambassadorsTitle" style={centerStyle}><FormattedMessage id="merchants.title" /></h2>
+        <h2 className="ambassadorsTitle merchantsMargin" style={centerStyle}><FormattedMessage id="merchants.title" /></h2>
         { /* Conditional Rendering */}
             {(this.state.loading) ? (
               <img src={LoadingGif} alt="Loading" style={loadingStyle} />