From 18287f888b0c3ae80422d4068c511614b55bfa6d Mon Sep 17 00:00:00 2001
From: Emiliano Ciavatta
Date: Mon, 19 Oct 2020 12:40:53 +0200
Subject: Add resizable layout

---
 frontend/src/components/Header.js | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

(limited to 'frontend/src/components/Header.js')

diff --git a/frontend/src/components/Header.js b/frontend/src/components/Header.js
index c46d768..4db05a5 100644
--- a/frontend/src/components/Header.js
+++ b/frontend/src/components/Header.js
@@ -46,19 +46,17 @@ class Header extends Component {
 
     render() {
         return (
-            <header className="header container-fluid">
-                <div className="row">
-                    <div className={classNames({"col-auto": this.props.configured, "col": !this.props.configured})}>
-                        <h1 className="header-title type-wrap">
-                            <Link to="/">
-                                <span style={{whiteSpace: "pre"}} ref={(el) => {
-                                    this.el = el;
-                                }}/>
-                            </Link>
-                        </h1>
-                    </div>
+            <header className={classNames("header", {"configured": this.props.configured})}>
+                <div className="header-content">
+                    <h1 className="header-title type-wrap">
+                        <Link to="/">
+                            <span style={{whiteSpace: "pre"}} ref={(el) => {
+                                this.el = el;
+                            }}/>
+                        </Link>
+                    </h1>
 
-                    {this.props.configured && <div className="col-auto">
+                    {this.props.configured &&
                         <div className="filters-bar">
                             <StringConnectionsFilter filterName="service_port"
                                                      defaultFilterValue="all_ports"
@@ -71,9 +69,9 @@ class Header extends Component {
                             <ExitSearchFilter/>
                             <AdvancedFilters onClick={this.props.onOpenFilters}/>
                         </div>
-                    </div>}
+                    }
 
-                    {this.props.configured && <div className="col">
+                    {this.props.configured &&
                         <div className="header-buttons">
                             <Link to={"/searches" + this.props.location.search}>
                                 <ButtonField variant="pink" name="searches" bordered/>
@@ -91,7 +89,7 @@ class Header extends Component {
                                 <ButtonField variant="blue" name="config" bordered/>
                             </Link>
                         </div>
-                    </div>}
+                    }
                 </div>
             </header>
         );
-- 
cgit v1.2.3-70-g09d2