From 77dd51b57f3f5538fb122e80dd9f146f78d2daa2 Mon Sep 17 00:00:00 2001
From: James Wang <jameswang9909@hotmail.com>
Date: Sat, 19 Jan 2019 12:22:58 -0600
Subject: [PATCH] Bolden course names on queue cards (#178)

* Use h5 for the CardTitle tag

`reactstrap` 7.0.0 changed the default `CardTitle` tag to be `div`
instead of `h5` which introduced a regression.

See https://github.com/reactstrap/reactstrap/pull/1298

* Update CHANGELOG.md

* Fix grammar in changelog

* Use Bootstrap h5 class instead of changing the tag
---
 CHANGELOG.md                | 1 +
 src/components/QueueCard.js | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5206a7c3..5172e9c0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@ When a new version is deployed, the changes since the last deploy should be labe
 with the current date and the next changes should go under a **[Next]** header.
 
 ## [Next]
+* Fix regression where course names in `QueueCard`s would not be bold. ([@james9909](https://github.com/james9909) in [#178](https://github.com/illinois/queue/pull/178))
 
 * Alert last on duty staff of option to close queue when leaving. ([@AlpriElse](https://github.com/AlpriElse) in [#173](https://github.com/illinois/queue/pull/173))
 * Use enter key to submit new question, new course, or new queue. ([@rohinb2](https://github.com/rohinb2) in [#161](https://github.com/illinois/queue/pull/161))
diff --git a/src/components/QueueCard.js b/src/components/QueueCard.js
index fb73691c..9d85e87c 100644
--- a/src/components/QueueCard.js
+++ b/src/components/QueueCard.js
@@ -46,7 +46,7 @@ const QueueCard = ({
     >
       <CardBody>
         <CardTitle className="d-flex flex-wrap align-items-center">
-          <span className="mb-2 mr-auto pr-3">{title}</span>
+          <span className="h5 mb-2 mr-auto pr-3">{title}</span>
           <div>
             <ShowForCourseStaff courseId={queue.courseId}>
               <Button color="danger" size="sm" outline onClick={handleDelete}>