slightly improve mobile style on top page

ui/page/top/view.jsx

@@ -28,20 +28,22 @@ function TopPage(props: Props) {
         defaultFreshness={FRESH_ALL}
         defaultOrderBy={ORDER_BY_TOP}
         meta={
-          <I18nMessage
+          <div className="search__top-links">
-            tokens={{
+            <I18nMessage
-              repost: (
+              tokens={{
-                <Button
+                repost: (
-                  button="secondary"
+                  <Button
-                  navigate={`/$/${PAGES.REPOST_NEW}?to=${queryName}`}
+                    button="secondary"
-                  label={__('Repost Here')}
+                    navigate={`/$/${PAGES.REPOST_NEW}?to=${queryName}`}
-                />
+                    label={__('Repost Here')}
-              ),
+                  />
-              publish: <Button button="secondary" onClick={() => beginPublish(queryName)} label={'Publish Here'} />,
+                ),
-            }}
+                publish: <Button button="secondary" onClick={() => beginPublish(queryName)} label={'Publish Here'} />,
-          >
+              }}
-            %repost% %publish%
+            >
-          </I18nMessage>
+              %repost% %publish%
+            </I18nMessage>
+          </div>
         }
         includeSupportAction
         renderProperties={claim => (

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 {

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;
+  }
+}