From ec1a682b8a2dfbaa5563b6017442456d5f720254 Mon Sep 17 00:00:00 2001
From: Tom Russell <tomalrussell@gmail.com>
Date: Mon, 27 May 2019 16:11:43 +0100
Subject: [PATCH] Left-align mobile menu

---
 app/src/frontend/header.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/src/frontend/header.js b/app/src/frontend/header.js
index 1f40405d..02328d58 100644
--- a/app/src/frontend/header.js
+++ b/app/src/frontend/header.js
@@ -34,7 +34,7 @@ class Header extends React.Component {
                 <button className="navbar-toggler navbar-toggler-right" type="button" onClick={this.handleClick} data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                     <span className="navbar-toggler-icon"></span>
                 </button>
-                <div className={this.state.collapseMenu ? 'collapse navbar-collapse' : 'navbar-collapse text-right'} id="navbarSupportedContent">
+                <div className={this.state.collapseMenu ? 'collapse navbar-collapse' : 'navbar-collapse'} id="navbarSupportedContent">
                     <ul className="navbar-nav ml-auto">
                         <li className="nav-item">
                             <a className="nav-link" href="https://pages.colouring.london">Hello</a>