From 56e0588efc281a653d41c653d188276d7ecf16ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sa=C3=BAl=20Ibarra=20Corretg=C3=A9?= <s@saghul.net>
Date: Fri, 27 Jul 2018 10:21:11 +0200
Subject: Make the conference title stand out in the recent list

---
 app/features/recent-list/components/RecentList.js  | 11 ++++++++---
 app/features/recent-list/styled/ConferenceTitle.js |  8 ++++++++
 app/features/recent-list/styled/index.js           |  1 +
 3 files changed, 17 insertions(+), 3 deletions(-)
 create mode 100644 app/features/recent-list/styled/ConferenceTitle.js

(limited to 'app/features')

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';
-- 
cgit v1.2.3