style: action bar and radio button fixes

src/discussions/posts/post-actions-bar/PostActionsBar.jsx

@@ -17,6 +17,8 @@ import { discussionsPath } from '../../utils';
 import { setSearchQuery, showPostEditor } from '../data';
 import messages from './messages';
 
+import './actionBar.scss';
+
 function PostActionsBar({
   intl,
   inContext,
@@ -38,7 +40,7 @@ function PostActionsBar({
               history.push(discussionsPath(Routes.POSTS.ALL_POSTS, { courseId })(location));
             }}
             placeholder={intl.formatMessage(messages.searchAllPosts)}
-            className="small"
+            inputProps={{ className: 'small-font' }}
           />
           <div className="border-right mr-3 ml-4" />
         </>

src/discussions/posts/post-actions-bar/actionBar.scss

@@ -0,0 +1,3 @@
+.small-font {
+  font-size: .875rem !important;
+}

src/discussions/posts/post-editor/PostEditor.jsx

@@ -39,7 +39,7 @@ function DiscussionPostType({
     <label htmlFor={`post-type-${value}`} className="d-flex p-0 my-0 mr-3">
       <Form.Radio value={value} id={`post-type-${value}`} className="sr-only">{type}</Form.Radio>
       <Card className={selected ? 'border border-primary border-2' : ''}>
-        <Card.Body>
+        <Card.Body className="p-3">
           <Card.Text className="d-flex flex-column align-items-center">
             <span className="text-gray-900">{icon}</span>
             <span>{type}</span>