slightly improve mobile style on top page
This commit is contained in:
parent
047e84ac8c
commit
77739c971a
3 changed files with 30 additions and 14 deletions
|
@ -28,6 +28,7 @@ function TopPage(props: Props) {
|
||||||
defaultFreshness={FRESH_ALL}
|
defaultFreshness={FRESH_ALL}
|
||||||
defaultOrderBy={ORDER_BY_TOP}
|
defaultOrderBy={ORDER_BY_TOP}
|
||||||
meta={
|
meta={
|
||||||
|
<div className="search__top-links">
|
||||||
<I18nMessage
|
<I18nMessage
|
||||||
tokens={{
|
tokens={{
|
||||||
repost: (
|
repost: (
|
||||||
|
@ -42,6 +43,7 @@ function TopPage(props: Props) {
|
||||||
>
|
>
|
||||||
%repost% %publish%
|
%repost% %publish%
|
||||||
</I18nMessage>
|
</I18nMessage>
|
||||||
|
</div>
|
||||||
}
|
}
|
||||||
includeSupportAction
|
includeSupportAction
|
||||||
renderProperties={claim => (
|
renderProperties={claim => (
|
||||||
|
|
|
@ -253,9 +253,14 @@
|
||||||
.claim-preview__actions {
|
.claim-preview__actions {
|
||||||
align-self: flex-end;
|
align-self: flex-end;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-top: auto;
|
margin-top: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
|
@media (min-width: $breakpoint-small) {
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.claim-preview__primary-actions {
|
.claim-preview__primary-actions {
|
||||||
|
|
|
@ -35,3 +35,12 @@
|
||||||
margin-top: var(--spacing-s);
|
margin-top: var(--spacing-s);
|
||||||
font-weight: var(--font-weight-body);
|
font-weight: var(--font-weight-body);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.search__top-links {
|
||||||
|
margin-bottom: 0;
|
||||||
|
margin-top: var(--spacing-xs);
|
||||||
|
|
||||||
|
@media (min-width: $breakpoint-small) {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue