Fix page header styles, search icon, and vertical separator

src/components/DataListToolbar/DataListToolbar.jsx

@@ -77,11 +77,9 @@ class DataListToolbar extends React.Component {
                       />
                     </ToolbarItem>
                   </ToolbarGroup>
-                  { (showExpandCollapse || additionalControls.length) ? (
-                    <VerticalSeparator />
-                  ) : null}
                   {showExpandCollapse && (
                     <Fragment>
+                      <VerticalSeparator />
                       <ToolbarGroup>
                         <ExpandCollapse
                           isCompact={isCompact}

src/components/DataListToolbar/styles.scss

@@ -105,10 +105,4 @@
     color: #d2d2d2;
   }
   background-color: white;
-}
-
-.pf-l-toolbar > div {
-  &:last-child{
-    display:none;
-  }
-}
+}

src/components/Search/Search.jsx

@@ -10,6 +10,9 @@ import {
   DropdownItem,
   TextInput
 } from '@patternfly/react-core';
+import {
+  SearchIcon
+} from '@patternfly/react-icons';
 
 class Search extends React.Component {
   constructor (props) {
@@ -103,7 +106,7 @@ class Search extends React.Component {
               aria-label={i18n._(t`Search`)}
               onClick={this.handleSearch}
             >
-              <i className="fas fa-search" aria-hidden="true" />
+              <SearchIcon />
             </Button>
           </div>
         )}