Rename OpenToday strings in html and css

src/Components/IsNiftyOpenApp/App.css

@@ -47,7 +47,7 @@
   height: 100%;
 }
 
-.App .OpenToday-container {
+.App .OpenXDay-container {
   width: 100%;
   height: 100%;
 }

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>

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;

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?