OSB-31: fixed some styling

LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.css

@@ -45,7 +45,7 @@
   font-size: 80%;
   text-align: center; }
 
-.stv-rstm-summary-header {
+.stv-rtsm-summary-row .row-header {
   width: 12rem !important;
   min-width: 12rem !important;
   cursor: pointer; }
@@ -79,7 +79,7 @@
   to {
     transform: rotate(0deg); } }
 
-.stv-rstm-summary-header-dropdownbutton {
+.stv-rtsm-summary-row .row-header-dropdownbutton {
   display: inline;
   float: right;
   animation: animation-close;
@@ -87,14 +87,9 @@
   animation-iteration-count: 1;
   animation-timing-function: linear; }
 
-.stv-rstm-summary-header-dropdownbutton-up {
+.stv-rtsm-summary-row .row-header-dropdownbutton-up {
   transform: rotate(180deg);
   animation: animation-open;
   animation-duration: 100ms;
   animation-iteration-count: 1;
   animation-timing-function: linear; }
-
-.stv-rstm-summary-header-text {
-  display: inline;
-  float: left;
-  margin-right: 1rem !important; }

LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.js

@@ -280,13 +280,13 @@ class RTSMSummaryLine extends Component {
         }
 
         let dropdownAdditionStyles = ""
-        if(this.state.displaySingleTests) dropdownAdditionStyles += "stv-rstm-summary-header-dropdownbutton-up"
+        if(this.state.displaySingleTests) dropdownAdditionStyles += "row-header-dropdownbutton-up"
         jsx = (
                 <React.Fragment>
                     <tr className='stv-rtsm-summary-row'>
-                        <td className="stv-rstm-summary-header" onClick={this.toggleDisplaySingleTests}>
+                        <td className="row-header" onClick={this.toggleDisplaySingleTests}>
                             RT {this.renderDateRange(this.props.data)}
-                            <DropDownIcon className={"stv-rstm-summary-header-dropdownbutton " + dropdownAdditionStyles} color="black" />
+                            <DropDownIcon className={"row-header-dropdownbutton " + dropdownAdditionStyles} color="black" />
                         </td>
                         {summaryLine}
                     </tr>

LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.scss

@@ -51,7 +51,7 @@
     text-align: center;
 }
 
-.stv-rstm-summary-header {
+.stv-rtsm-summary-row .row-header {
   width: 12rem !important;
   min-width: 12rem !important;
   cursor: pointer;
@@ -101,7 +101,7 @@
   }
 }
 
-.stv-rstm-summary-header-dropdownbutton {
+.stv-rtsm-summary-row .row-header-dropdownbutton {
   display: inline;
   float: right;
   animation: animation-close;
@@ -110,16 +110,10 @@
   animation-timing-function: linear;
 }
 
-.stv-rstm-summary-header-dropdownbutton-up {
+.stv-rtsm-summary-row .row-header-dropdownbutton-up {
   transform: rotate(180deg);
   animation: animation-open;
   animation-duration: 100ms;
   animation-iteration-count: 1;
   animation-timing-function: linear;
 }
-
-.stv-rstm-summary-header-text {
-  display: inline;
-  float: left;
-  margin-right: 1rem !important;
- }