Improve style pt. 1

app/javascript/components/Board/NewPost.tsx

@@ -142,8 +142,8 @@ class NewPost extends React.Component<Props, State> {
 
     return (
       <div className="newBoardContainer sidebarBox">
-        <TitleText>{board.name}</TitleText>
-        <MutedText>{board.description}</MutedText>
+        <span className="boardTitle">{board.name}</span>
+        <p><MutedText>{board.description}</MutedText></p>
         {
           isLoggedIn ?
             <Button

app/javascript/components/Board/PostList.tsx

@@ -6,7 +6,7 @@ import PostListItem from './PostListItem';
 import Spinner from '../shared/Spinner';
 import {
   DangerText,
-  MutedText,
+  CenteredMutedText,
 } from '../shared/CustomTexts';
 
 import IPost from '../../interfaces/IPost';
@@ -55,10 +55,7 @@ const PostList = ({
             />
           ))
         :
-          areLoading ?
-            <MutedText>Loading...</MutedText>
-          :
-            <MutedText>There are no posts.</MutedText>
+          areLoading ? <p></p> : <CenteredMutedText>There are no posts.</CenteredMutedText>
       }
     </InfiniteScroll>
   </div>

app/javascript/components/Board/PostListItem.tsx

@@ -16,7 +16,7 @@ interface Props {
 const PostListItem = ({ id, title, description, postStatus}: Props) => (
   <a href={`/posts/${id}`} className="postLink">
     <div className="postListItem">
-      <TitleText>{title}</TitleText>
+      <span className="postTitle">{title}</span>
       <DescriptionText limit={120}>{description}</DescriptionText>
 
       <div className="postDetails">