From adba75ab51401ae99039376b4b64449c9a77e18d Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Fri, 22 Sep 2017 13:49:17 +0200
Subject: Expand navbar to full width in-app

---
 src/components/navigation/AppNavbar.js  | 4 ++--
 src/components/navigation/HomeNavbar.js | 2 +-
 src/components/navigation/Navbar.js     | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

(limited to 'src/components/navigation')

diff --git a/src/components/navigation/AppNavbar.js b/src/components/navigation/AppNavbar.js
index 05aa09fd..7ed1821c 100644
--- a/src/components/navigation/AppNavbar.js
+++ b/src/components/navigation/AppNavbar.js
@@ -5,8 +5,8 @@ import {Link} from "react-router-dom";
 import Navbar, {NavItem} from "./Navbar";
 import "./Navbar.css";
 
-const AppNavbar = ({simulationId, inSimulation}) => (
-    <Navbar>
+const AppNavbar = ({simulationId, inSimulation, fullWidth}) => (
+    <Navbar fullWidth={fullWidth}>
         {inSimulation ?
             <NavItem route={"/simulations/" + simulationId}>
                 <Link
diff --git a/src/components/navigation/HomeNavbar.js b/src/components/navigation/HomeNavbar.js
index 9c393da4..4d821325 100644
--- a/src/components/navigation/HomeNavbar.js
+++ b/src/components/navigation/HomeNavbar.js
@@ -9,7 +9,7 @@ const ScrollNavItem = ({id, name}) => (
 );
 
 const HomeNavbar = () => (
-    <Navbar>
+    <Navbar fullWidth={false}>
         <ScrollNavItem id="#stakeholders" name="Stakeholders"/>
         <ScrollNavItem id="#modeling" name="Modeling"/>
         <ScrollNavItem id="#simulation" name="Simulation"/>
diff --git a/src/components/navigation/Navbar.js b/src/components/navigation/Navbar.js
index 2358e146..6dfc20b0 100644
--- a/src/components/navigation/Navbar.js
+++ b/src/components/navigation/Navbar.js
@@ -45,9 +45,9 @@ const LoggedInSectionWithoutRoute = ({location}) => (
     )
 ;
 
-const Navbar = ({children}) => (
+const Navbar = ({fullWidth, children}) => (
     <nav className="navbar fixed-top navbar-expand-lg navbar-light bg-faded" id="navbar">
-        <div className="container">
+        <div className={fullWidth ? "container-fluid" : "container"}>
             <button className="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
                     data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                     aria-expanded="false" aria-label="Toggle navigation">
-- 
cgit v1.2.3