diff --git a/packages/concordia-app/src/components/PostList/index.jsx b/packages/concordia-app/src/components/PostList/index.jsx index 05c06de..fdb73be 100644 --- a/packages/concordia-app/src/components/PostList/index.jsx +++ b/packages/concordia-app/src/components/PostList/index.jsx @@ -3,12 +3,13 @@ import React, { } from 'react'; import PropTypes from 'prop-types'; import { - Dimmer, Feed, Loader, + Dimmer, Divider, Feed, Loader, } from 'semantic-ui-react'; import { FORUM_CONTRACT } from 'concordia-shared/src/constants/contracts/ContractNames'; import { drizzle } from '../../redux/store'; import PostListRow from './PostListRow'; import PaginationComponent, { ITEMS_PER_PAGE } from '../PaginationComponent'; +import './styles.css'; const { contracts: { [FORUM_CONTRACT]: { methods: { getPost: { cacheCall: getPostChainData } } } } } = drizzle; @@ -41,7 +42,7 @@ const PostList = (props) => { return ( { {posts} - + +
+ +
); }; diff --git a/packages/concordia-app/src/components/PostList/styles.css b/packages/concordia-app/src/components/PostList/styles.css index baf2856..bffcaf6 100644 --- a/packages/concordia-app/src/components/PostList/styles.css +++ b/packages/concordia-app/src/components/PostList/styles.css @@ -1,3 +1,7 @@ #post-list{ height: 100%; } + +#post-list-pagination{ + padding: 1rem 0; +}