Commit 446e61cf authored by Eugen Rochko's avatar Eugen Rochko

Improve how the frontpage sponsors section looks

parent 9794a54d
......@@ -165,7 +165,7 @@ export default class Home extends PureComponent {
<div className='frontpage-sponsorship'>
<div className='container'>
<h2><FormattedMessage id='home.sponsored_by' defaultMessage='Sponsored by' /></h2>
<h2><FormattedMessage id='home.sponsored_by' defaultMessage='Sponsored by' /> &bull; <Link to='/sponsors' className='link-button'><FormattedMessage id='home.view_all_sponsors' defaultMessage='View all' /> <i className='ion-ios-arrow-forward' /></Link></h2>
<div className='logo-grid'>
<div>
......
......@@ -269,6 +269,13 @@ $phi: 1.6180339887498948482;
color: lighten($darkest, 40%);
text-align: center;
margin-bottom: 20px;
a {
font-family: 'Roboto', sans-serif;
color: $darker;
font-size: 14px;
font-weight: 400;
}
}
.logo-grid {
......@@ -329,8 +336,26 @@ $phi: 1.6180339887498948482;
}
.frontpage-sponsorship {
.logo-grid > div {
flex-wrap: wrap;
}
.logo-grid a {
padding: 0 20px;
padding: 20px;
}
.link-button {
text-decoration: none;
&:hover,
&:focus,
&:active {
text-decoration: underline;
}
i {
margin-left: 3px;
}
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment