Expand navbar to full width in-app

3 files changed, 5 insertions, 5 deletions

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">