Style changes

noom · Feb 26, 2024 · 2d5d6f2 · 2d5d6f2
1 parent b93c983
commit 2d5d6f2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/social/pages/CommunityPost/index.js b/src/social/pages/CommunityPost/index.js
@@ -2,15 +2,15 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useNavigate } from 'react-router-dom';
 
-import { PrimaryButton, ButtonGroup } from '~/core/components/Button';
+import { PrimaryButton } from '~/core/components/Button';
 import useUser from '~/core/hooks/useUser';
 import { isCoach } from '~/helpers/permissions';
 import withSDK from '~/core/hocs/withSDK';
 import CommunityInfo from '~/social/components/CommunityInfo';
 import Post from '~/social/components/post/Post';
 import { useConfig } from '~/social/providers/ConfigProvider';
 
-import { Wrapper } from './styles';
+import { Wrapper, NavButtonGroup } from './styles';
 
 const CommunityPost = ({
   currentUserId,
@@ -40,7 +40,7 @@ const CommunityPost = ({
 
       {
       isCoach(currentUser) &&
-        <ButtonGroup isFullWidth>
+        <NavButtonGroup isFullWidth>
           <PrimaryButton
             onClick={() => onOlderPost(communityId, postId)}
           >
@@ -51,7 +51,7 @@ const CommunityPost = ({
           >
             Newer &gt;
           </PrimaryButton>
-        </ButtonGroup>
+        </NavButtonGroup>
       }
 
       <Post

diff --git a/src/social/pages/CommunityPost/styles.js b/src/social/pages/CommunityPost/styles.js
@@ -1,7 +1,12 @@
 import styled from 'styled-components';
+import { ButtonGroup } from '~/core/components/Button';
 
 export const Wrapper = styled.div`
   height: 100%;
   max-width: 695px;
   overflow-y: auto;
 `;
+
+export const NavButtonGroup = styled(ButtonGroup)`
+  margin-bottom: 12px;
+`;