From b9144982019bf68f36bb850d911aa187299bc057 Mon Sep 17 00:00:00 2001
From: Abhas Bhattacharya <abhasbhattacharya2@gmail.com>
Date: Wed, 14 Mar 2018 04:56:10 +0530
Subject: [PATCH] Rename OpenToday strings in html and css

---
 src/Components/IsNiftyOpenApp/App.css |  2 +-
 src/Components/IsNiftyOpenApp/App.tsx |  2 +-
 src/Components/OpenXDay/Component.css | 20 ++++++++++----------
 src/Components/OpenXDay/Component.tsx |  2 +-
 4 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/Components/IsNiftyOpenApp/App.css b/src/Components/IsNiftyOpenApp/App.css
index a26dbdd..ebbe33c 100644
--- a/src/Components/IsNiftyOpenApp/App.css
+++ b/src/Components/IsNiftyOpenApp/App.css
@@ -47,7 +47,7 @@
   height: 100%;
 }
 
-.App .OpenToday-container {
+.App .OpenXDay-container {
   width: 100%;
   height: 100%;
 }
\ No newline at end of file
diff --git a/src/Components/IsNiftyOpenApp/App.tsx b/src/Components/IsNiftyOpenApp/App.tsx
index ed003db..522a7da 100644
--- a/src/Components/IsNiftyOpenApp/App.tsx
+++ b/src/Components/IsNiftyOpenApp/App.tsx
@@ -7,7 +7,7 @@ class IsNiftyOpenApp extends React.Component {
   render() {
     return (
       <div className="App">
-        <div className="OpenToday-container">
+        <div className="OpenXDay-container">
           <OpenXDay question={OpenXDay.OpenOrClose.Open} allHolidays={allHolidays} />
         </div>
       </div>
diff --git a/src/Components/OpenXDay/Component.css b/src/Components/OpenXDay/Component.css
index a0b2e87..3087910 100644
--- a/src/Components/OpenXDay/Component.css
+++ b/src/Components/OpenXDay/Component.css
@@ -1,27 +1,27 @@
 @import "../../Utils/utils.css";
 
-.OpenToday {
+.OpenXDay {
     width: 100%;
     height: 100%;
     font-size: 4em;
     background-color: rgba(0, 0, 0, 0.75);
 }
 
-.OpenToday.green {
+.OpenXDay.green {
     background-color: #2ECC40;
 }
 
-.OpenToday.red {
+.OpenXDay.red {
     background-color: #FF4136;
 }
 
-.OpenToday .question, .OpenToday .answerComposite {
+.OpenXDay .question, .OpenXDay .answerComposite {
     padding-top: 5%;
     padding-bottom: 5%;
     color: rgba(255, 255, 255, 0.75);
 }
 
-.OpenToday .question {
+.OpenXDay .question {
     float: left;
     width: 40%;
     height: 100%;
@@ -29,7 +29,7 @@
     border-right: 5px solid rgba(255, 255, 255, 0.5);
 }
 
-.OpenToday .question span {
+.OpenXDay .question span {
     display: block;
     position: absolute;
     text-align: right;
@@ -38,14 +38,14 @@
     transform: translate(0%, -50%);
 }
 
-.OpenToday .answerComposite {
+.OpenXDay .answerComposite {
     float: right;
     width: 60%;
     height: 100%;
     position: relative;
 }
 
-.OpenToday .answerComposite-inner {
+.OpenXDay .answerComposite-inner {
     position: absolute;
     top: 50%;
     left: 50%;
@@ -53,11 +53,11 @@
     text-align: center;
 }
 
-.OpenToday .answerComposite .answerBoolean {
+.OpenXDay .answerComposite .answerBoolean {
     color: rgba(255, 255, 255, 0.85);
 }
 
-.OpenToday .answerComposite .answerReason {
+.OpenXDay .answerComposite .answerReason {
     opacity: 0.85;
 
     font-size: 0.85em;
diff --git a/src/Components/OpenXDay/Component.tsx b/src/Components/OpenXDay/Component.tsx
index 87ad124..77b57d5 100644
--- a/src/Components/OpenXDay/Component.tsx
+++ b/src/Components/OpenXDay/Component.tsx
@@ -67,7 +67,7 @@ export class OpenXDay extends React.Component<{
         const bgColorClass = (this.answer.open ? "green" : "red");
 
         return (
-            <div className={classnames([bgColorClass, "OpenToday"])} >
+            <div className={classnames([bgColorClass, "OpenXDay"])} >
                 <div className="question">
                     <span>
                         Is Nifty50 {this.question} today?