From 849fcd2d49f23d7fdd6c1361f65233c0ede7e908 Mon Sep 17 00:00:00 2001
From: Justin Stephenson <jstephen@redhat.com>
Date: Wed, 7 Aug 2019 13:06:28 -0400
Subject: [PATCH] Fix Content header CSS for PatternFly 4

---
 src/recordings.css | 23 ++++++++++++++++++++++-
 src/recordings.jsx |  2 ++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/recordings.css b/src/recordings.css
index 32ee27d..d227c1c 100644
--- a/src/recordings.css
+++ b/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;
 }
diff --git a/src/recordings.jsx b/src/recordings.jsx
index d45a8ac..887724d 100644
--- a/src/recordings.jsx
+++ b/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>