move StatePaginator

scm-ui-components/packages/ui-components/src/StatePaginator.js

@@ -1,8 +1,8 @@
 //@flow
 import React from "react";
 import { translate } from "react-i18next";
-import type { PagedCollection } from "@scm-manager/ui-types";
+import type { PagedCollection } from "../../ui-types/src";
-import { Button } from "@scm-manager/ui-components";
+import { Button } from "./index";
 
 type Props = {
   collection: PagedCollection,

scm-ui-components/packages/ui-components/src/index.js

@@ -16,6 +16,8 @@ export { default as MailLink } from "./MailLink.js";
 export { default as Notification } from "./Notification.js";
 export { default as Paginator } from "./Paginator.js";
 export { default as LinkPaginator } from "./LinkPaginator.js";
+export { default as StatePaginator } from "./StatePaginator.js";
+
 export { default as ProtectedRoute } from "./ProtectedRoute.js";
 export { default as Help } from "./Help";
 export { default as HelpIcon } from "./HelpIcon";

scm-ui/src/repos/sources/containers/Content.js

@@ -37,6 +37,10 @@ const styles = {
   },
   marginInHeader: {
     marginRight: "0.5em"
+  },
+  isVerticalCenter: {
+    display: "flex",
+    alignItems: "center"
   }
 };
 
@@ -80,7 +84,7 @@ class Content extends React.Component<Props, State> {
 
     return (
       <span className={classes.pointer}>
-        <article className="media">
+        <article className={classNames("media", classes.isVerticalCenter)}>
           <div className="media-content" onClick={this.toggleCollapse}>
             <i
               className={classNames(

scm-ui/src/repos/sources/containers/HistoryView.js

@@ -6,10 +6,13 @@ import type {
   Repository,
   PagedCollection
 } from "@scm-manager/ui-types";
-import { ErrorNotification, Loading } from "@scm-manager/ui-components";
+import {
+  ErrorNotification,
+  Loading,
+  StatePaginator
+} from "@scm-manager/ui-components";
 import { getHistory } from "./history";
 import ChangesetList from "../../components/changesets/ChangesetList";
-import StatePaginator from "../components/content/StatePaginator";
 
 type Props = {
   file: File,