Align Titles
This commit is contained in:
parent
0fa3eda540
commit
b758b1ead2
3 changed files with 28 additions and 1 deletions
|
@ -360,8 +360,28 @@ ul.social-buttons {
|
||||||
}
|
}
|
||||||
.ambassadorsTitle {
|
.ambassadorsTitle {
|
||||||
margin-top: 0 !important;
|
margin-top: 0 !important;
|
||||||
|
margin-left: -97px;
|
||||||
}
|
}
|
||||||
.about.bg-secondary > div {
|
.about.bg-secondary > div {
|
||||||
padding-left: 0 !important;
|
padding-left: 0 !important;
|
||||||
padding-right: 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;
|
||||||
|
}
|
|
@ -6,6 +6,12 @@ import { FormattedMessage, FormattedHTMLMessage } from 'react-intl';
|
||||||
import AppHeader from '../AppHeader';
|
import AppHeader from '../AppHeader';
|
||||||
import Footer from '../Footer';
|
import Footer from '../Footer';
|
||||||
|
|
||||||
|
const centerStyle = {
|
||||||
|
textAlign: 'center',
|
||||||
|
marginTop: 20,
|
||||||
|
marginBottom: 20
|
||||||
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Marketing page component.
|
* Marketing page component.
|
||||||
*/
|
*/
|
||||||
|
@ -109,6 +115,7 @@ class MarketingPage extends React.Component {
|
||||||
<div className="containerfix">
|
<div className="containerfix">
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-md-10 mx-md-auto">
|
<div className="col-md-10 mx-md-auto">
|
||||||
|
<h2 className="ambassadorsTitle marketingMargin" style={centerStyle}>Marketing</h2>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<Button
|
<Button
|
||||||
|
|
|
@ -259,7 +259,7 @@ class MerchantsPage extends Component {
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-md-10 mx-md-auto">
|
<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 */}
|
{ /* Conditional Rendering */}
|
||||||
{(this.state.loading) ? (
|
{(this.state.loading) ? (
|
||||||
<img src={LoadingGif} alt="Loading" style={loadingStyle} />
|
<img src={LoadingGif} alt="Loading" style={loadingStyle} />
|
||||||
|
|
Loading…
Reference in a new issue