styling search count

This commit is contained in:
Sharyn 2018-07-18 12:44:44 +02:00
parent dd62595f90
commit 0ffc7bef2c
3 changed files with 7 additions and 2 deletions

View File

@ -29,8 +29,7 @@ const SearchBar = props => (
} }
</form> </form>
{props.numResults > 0 && props.numResults[0] !== null ? {props.numResults > 0 && props.numResults[0] !== null ?
// eslint-disable-next-line <p className="search-count">{ props.numMatchedTerms } search term matches | { props.numResults } interview matches</p> :
<p style={{marginTop: '32px'}}>{ props.numMatchedTerms } search term matches | { props.numResults } interviews</p> :
''} ''}
</div> </div>
</div> </div>

View File

@ -71,3 +71,8 @@
outline: none; outline: none;
} }
} }
.search-count {
margin: calculateRem(36) 0;
font-size: calculateRem(13);
}

View File

@ -1,6 +1,7 @@
@import './assets/styles/global.scss'; @import './assets/styles/global.scss';
.search-results { .search-results {
margin-top: calculateRem(32);
li { li {
margin-bottom: calculateRem(32); margin-bottom: calculateRem(32);