adjust control-label

src/client/js/components/Admin/ElasticsearchManagement/ElasticsearchManagement.jsx

@@ -162,7 +162,7 @@ class ElasticsearchManagement extends React.Component {
 
         {/* Controls */}
         <div className="row">
-          <label className="col-sm-3 control-label">{ t('full_text_search_management.reconnect') }</label>
+          <label className="col-sm-3 col-form-label">{ t('full_text_search_management.reconnect') }</label>
           <div className="col-sm-6">
             <ReconnectControls
               isConfigured={isConfigured}
@@ -175,7 +175,7 @@ class ElasticsearchManagement extends React.Component {
         <hr />
 
         <div className="row">
-          <label className="col-sm-3 control-label">{ t('full_text_search_management.normalize') }</label>
+          <label className="col-sm-3 col-form-label">{ t('full_text_search_management.normalize') }</label>
           <div className="col-sm-6">
             <NormalizeIndicesControls
               isRebuildingProcessing={isRebuildingProcessing}
@@ -189,7 +189,7 @@ class ElasticsearchManagement extends React.Component {
         <hr />
 
         <div className="row">
-          <label className="col-sm-3 control-label">{ t('full_text_search_management.rebuild') }</label>
+          <label className="col-sm-3 col-form-label">{ t('full_text_search_management.rebuild') }</label>
           <div className="col-sm-6">
             <RebuildIndexControls
               isRebuildingProcessing={isRebuildingProcessing}

src/client/js/components/Admin/ElasticsearchManagement/NormalizeIndicesControls.jsx

@@ -15,7 +15,7 @@ class NormalizeIndicesControls extends React.PureComponent {
       <>
         <button
           type="submit"
-          className={`btn btn-outline ${isEnabled ? 'btn-info' : 'btn-default'}`}
+          className={`btn btn-outline ${isEnabled ? 'btn-info' : 'btn-light'}`}
           onClick={() => { this.props.onNormalizingRequested() }}
           disabled={!isEnabled}
         >

src/client/js/components/Admin/ElasticsearchManagement/RebuildIndexControls.jsx

@@ -76,7 +76,7 @@ class RebuildIndexControls extends React.Component {
 
         <button
           type="submit"
-          className="btn btn-inverse"
+          className="btn btn-primary"
           onClick={() => { this.props.onRebuildingRequested() }}
           disabled={!isEnabled}
         >

src/client/js/components/Admin/ElasticsearchManagement/ReconnectControls.jsx

@@ -15,7 +15,7 @@ class ReconnectControls extends React.PureComponent {
       <>
         <button
           type="submit"
-          className={`btn btn-outline ${isEnabled ? 'btn-success' : 'btn-default'}`}
+          className={`btn btn-outline ${isEnabled ? 'btn-success' : 'btn-light'}`}
           onClick={() => { this.props.onReconnectingRequested() }}
           disabled={!isEnabled}
         >

src/client/js/components/Admin/ElasticsearchManagement/StatusTable.jsx

@@ -117,15 +117,15 @@ class StatusTable extends React.PureComponent {
       <table className="table table-bordered">
         <tbody>
           <tr>
-            <th scope="row">{ t('full_text_search_management.connection_status') }</th>
+            <th>{ t('full_text_search_management.connection_status') }</th>
             <td>{connectionStatusLabel}</td>
           </tr>
           <tr>
-            <th scope="row">{ t('full_text_search_management.indices_status') }</th>
+            <th>{ t('full_text_search_management.indices_status') }</th>
             <td>{indicesStatusLabel}</td>
           </tr>
           <tr>
-            <th scope="row" className="col-sm-4">{ t('full_text_search_management.indices_summary') }</th>
+            <th className="col-sm-4">{ t('full_text_search_management.indices_summary') }</th>
             <td className="p-4">
               { this.renderIndexInfoPanels() }
             </td>