Fix Content header CSS for PatternFly 4

src/recordings.css

@@ -288,7 +288,6 @@ a.disabled {
     border-bottom: 1px solid #ddd;
     padding: 10px 20px;
     width: 100%;
-    position: fixed;
     z-index: 900;
     top: 0;
 }
@@ -297,6 +296,23 @@ a.disabled {
     padding-left: 20px;
 }
 
+/* Override cockpit */
+.form-table-ct {
+    width: 80%;
+}
+
+.form-table-ct td.top {
+    color: #151515;
+	text-align: left;
+}
+
+/* Align table caption/title */
+table.listing.listing-ct > caption {
+  padding: 5px 10px 10px !important;
+  font-weight: 300;
+  margin-top: 0;
+}
+
 #motd {
     background-color: transparent;
     border: none;
@@ -331,6 +347,11 @@ a.disabled {
     display:inline-block;
 }
 
+/* Align table title */
+table.listing-ct -> caption {
+    padding-left: 10px !important;
+}
+
 table.listing-ct > thead th:last-child, tr.listing-ct-item td:last-child {
     text-align: left !important;
 }

src/recordings.jsx

@@ -893,6 +893,8 @@ class View extends React.Component {
                                     <td>
                                         <Datetimepicker value={this.state.date_until} onChange={this.handleDateUntilChange} />
                                     </td>
+                                </tr>
+                                <tr>
                                     <td className="top">
                                         <label className="control-label" htmlFor="search">Search</label>
                                     </td>