Ui improvements (#5588)

* PLT-5354 - Making statistics flow on page

* PLT-5262 - Updating icon on join team page

* PLT-5218 - Making menu colors consistent on mobile

* PLT-5377 - Adding bg to current posts in the RHS

* PLT-5645 - Adjusting spacing after/before ul/ol

1 files changed, 6 insertions, 1 deletions

diff --git a/webapp/components/select_team/components/select_team_item.jsx b/webapp/components/select_team/components/select_team_item.jsx
index c6943722d..bff9e28d8 100644
--- a/webapp/components/select_team/components/select_team_item.jsx
+++ b/webapp/components/select_team/components/select_team_item.jsx
@@ -5,6 +5,7 @@ import React from 'react';
 
 import {Link} from 'react-router/es6';
 import {Tooltip, OverlayTrigger} from 'react-bootstrap';
+import {Constants} from 'utils/constants.jsx';
 
 export default class SelectTeamItem extends React.Component {
     static propTypes = {
@@ -26,6 +27,7 @@ export default class SelectTeamItem extends React.Component {
 
     render() {
         let icon;
+        const infoIcon = Constants.TEAM_INFO_SVG;
         if (this.props.loading) {
             icon = (
                 <span className='fa fa-refresh fa-spin right signup-team__icon'/>
@@ -53,7 +55,10 @@ export default class SelectTeamItem extends React.Component {
                     overlay={descriptionTooltip}
                     ref='descriptionOverlay'
                 >
-                    <span className='fa fa-info-circle signup-team__icon'/>
+                    <span
+                        className='icon icon--info'
+                        dangerouslySetInnerHTML={{__html: infoIcon}}
+                    />
                 </OverlayTrigger>
             );
         }