diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.css b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.css index efac3e8a5f938d7bf8a0f49f1b1eca4dc3f74272..395189869afb3d2d326302e77f9eed609541458e 100644 --- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.css +++ b/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; } diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.js b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.js index ffd1f1758dca70b415d45ad9446d154c89e99c67..b54f30b0b989c256eae96a511fa701f77f8758e6 100644 --- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.js +++ b/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> diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.scss b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.scss index 615a63b3fd4cda223302ea62884ca4f95d5657c3..e155759eb20ef4e8191db1c27c5651ebc9b3efa6 100644 --- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.scss +++ b/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; - }