Make the conference title stand out in the recent list

3 files changed, 17 insertions, 3 deletions

diff --git a/app/features/recent-list/components/RecentList.js b/app/features/recent-list/components/RecentList.js
index bc6819a..7fd4c04 100644
--- a/app/features/recent-list/components/RecentList.js
+++ b/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>
diff --git a/app/features/recent-list/styled/ConferenceTitle.js b/app/features/recent-list/styled/ConferenceTitle.js
new file mode 100644
index 0000000..31376c9
--- /dev/null
+++ b/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;
+`;
diff --git a/app/features/recent-list/styled/index.js b/app/features/recent-list/styled/index.js
index 1affa12..f91e220 100644
--- a/app/features/recent-list/styled/index.js
+++ b/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';