From f91f9e1f8069df0027590621f08e2c07334240f3 Mon Sep 17 00:00:00 2001
From: Abhas Bhattacharya <abhasbhattacharya2@gmail.com>
Date: Mon, 12 Mar 2018 02:08:09 +0530
Subject: [PATCH] ClosedReason - Add base div, add CSS with differential
 highlighting

---
 src/Components/ClosedReason/Component.css | 8 ++++++++
 src/Components/ClosedReason/Component.tsx | 3 ++-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 src/Components/ClosedReason/Component.css

diff --git a/src/Components/ClosedReason/Component.css b/src/Components/ClosedReason/Component.css
new file mode 100644
index 0000000..fa31574
--- /dev/null
+++ b/src/Components/ClosedReason/Component.css
@@ -0,0 +1,8 @@
+.holidayPrefixText {
+    font-size: 0.6em;
+    color: rgba(255, 255, 255, 0.75);
+}
+
+.holidayName {
+    color: rgba(255, 255, 255, 1);
+}
\ No newline at end of file
diff --git a/src/Components/ClosedReason/Component.tsx b/src/Components/ClosedReason/Component.tsx
index f5d53bc..490b4b6 100644
--- a/src/Components/ClosedReason/Component.tsx
+++ b/src/Components/ClosedReason/Component.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { Holiday } from '../../Data/index';
+import './Component.css';
 
 type ObjectWithHoliday = { holiday: Holiday };
 
@@ -13,7 +14,7 @@ export class ClosedReason extends React.Component<ObjectWithHoliday, {}> {
 
     render() {
         return (
-            <div className="answerReason">
+            <div className="ClosedReason">
                 <div className="holidayPrefixText">
                     Closed due to
                         </div>