diff --git a/ui/page/top/view.jsx b/ui/page/top/view.jsx index e004efa7d..6dee23f6d 100644 --- a/ui/page/top/view.jsx +++ b/ui/page/top/view.jsx @@ -28,20 +28,22 @@ function TopPage(props: Props) { defaultFreshness={FRESH_ALL} defaultOrderBy={ORDER_BY_TOP} meta={ - - ), - publish: beginPublish(queryName)} label={'Publish Here'} />, - }} - > - %repost% %publish% - + + + ), + publish: beginPublish(queryName)} label={'Publish Here'} />, + }} + > + %repost% %publish% + + } includeSupportAction renderProperties={claim => ( diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss index 58b8dae4a..b44f6c47a 100644 --- a/ui/scss/component/_claim-list.scss +++ b/ui/scss/component/_claim-list.scss @@ -253,9 +253,14 @@ .claim-preview__actions { align-self: flex-end; display: flex; + flex-direction: column; justify-content: space-between; margin-top: auto; width: 100%; + + @media (min-width: $breakpoint-small) { + flex-direction: row; + } } .claim-preview__primary-actions { diff --git a/ui/scss/component/_search.scss b/ui/scss/component/_search.scss index 66e018621..c65023dfc 100644 --- a/ui/scss/component/_search.scss +++ b/ui/scss/component/_search.scss @@ -35,3 +35,12 @@ margin-top: var(--spacing-s); 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; + } +}