styling search count
This commit is contained in:
parent
dd62595f90
commit
0ffc7bef2c
|
@ -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>
|
||||||
|
|
|
@ -71,3 +71,8 @@
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.search-count {
|
||||||
|
margin: calculateRem(36) 0;
|
||||||
|
font-size: calculateRem(13);
|
||||||
|
}
|
||||||
|
|
|
@ -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);
|
||||||
|
|
Loading…
Reference in New Issue