Make the conference title stand out in the recent list

app/features/recent-list/components/RecentList.js

@@ -6,7 +6,12 @@ import { connect } from 'react-redux';
 import type { Dispatch } from 'redux';
 import { push } from 'react-router-redux';
 
-import { ConferenceCard, RecentListContainer, TruncatedText } from '../styled';
+import {
+    ConferenceCard,
+    ConferenceTitle,
+    RecentListContainer,
+    TruncatedText
+} from '../styled';
 import type { RecentListItem } from '../types';
 
 type Props = {
@@ -64,9 +69,9 @@ class RecentList extends Component<Props, *> {
             <ConferenceCard
                 key = { conference.startTime }
                 onClick = { this._onNavigateToConference(conference) }>
-                <TruncatedText>
+                <ConferenceTitle>
                     { conference.room }
-                </TruncatedText>
+                </ConferenceTitle>
                 <TruncatedText>
                     { this._renderServerURL(conference.serverURL) }
                 </TruncatedText>

app/features/recent-list/styled/ConferenceTitle.js

@@ -0,0 +1,8 @@
+// @flow
+
+import { default as TruncatedText } from './TruncatedText';
+
+export default TruncatedText.extend`
+    font-size: 1.1em;
+    font-weight: bold;
+`;

app/features/recent-list/styled/index.js

@@ -1,3 +1,4 @@
 export { default as ConferenceCard } from './ConferenceCard';
+export { default as ConferenceTitle } from './ConferenceTitle';
 export { default as RecentListContainer } from './RecentListContainer';
 export { default as TruncatedText } from './TruncatedText';