Fixed header

1 files changed, 44 insertions, 42 deletions

diff --git a/vnext/src/App.js b/vnext/src/App.js
index 9a0634ff..f39875c1 100644
--- a/vnext/src/App.js
+++ b/vnext/src/App.js
@@ -169,48 +169,50 @@ export default function App() {
             }
           </div>
         </div>
-        <section id="content">
-          <Switch>
-            <Route exact path="/" render={(props) => <Discussions visitor={visitor} {...props} />} />
-            <Route exact path="/home" render={(props) => <Home visitor={visitor} {...props} />} />
-            <Route exact path="/discover" render={(props) =>
-              <Discover visitor={visitor} {...props} />
-            } />
-            <Route exact path="/settings" render={(props) =>
-              <Settings visitor={visitor} {...props} onChange={auth} />
-            } />
-            <Route exact path="/login" render={(props) => <Login visitor={visitor} {...props} onAuth={auth} />} />
-            <Route exact path="/post" render={(props) => <Post visitor={visitor} {...props} />} />
-            <Route exact path="/pm" render={(props) => <Contacts visitor={visitor} {...props} />} />
-            <Route exact path="/pm/:user" render={(props) => <Chat connection={eventSource} visitor={visitor} {...props} />} />
-            <Route exact path="/:user/friends" render={(props) => <Friends visitor={visitor} {...props} />} />
-            <Route exact path="/:user/readers" render={(props) => <Readers visitor={visitor} {...props} />} />
-            <Route exact path="/:user" render={(props) => <Blog visitor={visitor} {...props} />} />
-            <Route exact path="/tag/:tag" render={(props) => <Tag visitor={visitor} {...props} />} />
-            <Route exact path="/:user/:mid" render={(props) => <Thread connection={eventSource} visitor={visitor} {...props} />} />
-          </Switch>
-        </section>
-        {
-          visitor.uid > 0 &&
-          <aside id="sidebar">
-            <Link to="/?show=my">
-              <Icon name="ei-clock" size="s" />
-              <span className="desktop">My feed</span>
-            </Link>
-            <Link to="/pm">
-              <Icon name="ei-envelope" size="s" />
-              <span className="desktop">Messages</span>
-            </Link>
-            <Link to="/?show=discuss">
-              <Icon name="ei-bell" size="s" />
-              <span className="desktop">Discussions</span>
-            </Link>
-            <Link to="/settings" rel="nofollow">
-              <Icon name="ei-gear" size="s" />
-              <span className="desktop">Settings</span>
-            </Link>
-          </aside>
-        }
+        <div id="wrapper">
+          <section id="content">
+            <Switch>
+              <Route exact path="/" render={(props) => <Discussions visitor={visitor} {...props} />} />
+              <Route exact path="/home" render={(props) => <Home visitor={visitor} {...props} />} />
+              <Route exact path="/discover" render={(props) =>
+                <Discover visitor={visitor} {...props} />
+              } />
+              <Route exact path="/settings" render={(props) =>
+                <Settings visitor={visitor} {...props} onChange={auth} />
+              } />
+              <Route exact path="/login" render={(props) => <Login visitor={visitor} {...props} onAuth={auth} />} />
+              <Route exact path="/post" render={(props) => <Post visitor={visitor} {...props} />} />
+              <Route exact path="/pm" render={(props) => <Contacts visitor={visitor} {...props} />} />
+              <Route exact path="/pm/:user" render={(props) => <Chat connection={eventSource} visitor={visitor} {...props} />} />
+              <Route exact path="/:user/friends" render={(props) => <Friends visitor={visitor} {...props} />} />
+              <Route exact path="/:user/readers" render={(props) => <Readers visitor={visitor} {...props} />} />
+              <Route exact path="/:user" render={(props) => <Blog visitor={visitor} {...props} />} />
+              <Route exact path="/tag/:tag" render={(props) => <Tag visitor={visitor} {...props} />} />
+              <Route exact path="/:user/:mid" render={(props) => <Thread connection={eventSource} visitor={visitor} {...props} />} />
+            </Switch>
+          </section>
+          {
+            visitor.uid > 0 &&
+            <aside id="sidebar">
+              <Link to="/?show=my">
+                <Icon name="ei-clock" size="s" />
+                <span className="desktop">My feed</span>
+              </Link>
+              <Link to="/pm">
+                <Icon name="ei-envelope" size="s" />
+                <span className="desktop">Messages</span>
+              </Link>
+              <Link to="/?show=discuss">
+                <Icon name="ei-bell" size="s" />
+                <span className="desktop">Discussions</span>
+              </Link>
+              <Link to="/settings" rel="nofollow">
+                <Icon name="ei-gear" size="s" />
+                <span className="desktop">Settings</span>
+              </Link>
+            </aside>
+          }
+        </div>
       </>
     </Router>
   );