From 2488871e2571bb6c4af41bf850790fff897acdb5 Mon Sep 17 00:00:00 2001
From: Thomas Atkins <dev.csnova@gmail.com>
Date: Sat, 8 Feb 2020 12:50:44 -0600
Subject: [PATCH] fixed sidebar with

---
 src/app/app.component.html | 20 ++++++++++----------
 src/app/app.component.scss |  3 +++
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 60639e0..0ec7f32 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,6 +1,6 @@
 <ion-app>
   <ion-split-pane when="sm">
-    <ion-menu>
+    <ion-menu class="sidebar">
       <ion-header>
         <ion-toolbar color="primary">
           <ion-title>Menu</ion-title>
@@ -14,17 +14,17 @@
           </ion-list-header>
 
           <tree-root [nodes]="nodes" [options]="options"></tree-root>
-
-          <ion-item lines="full">
-            <ion-icon slot="start" name="moon"></ion-icon>
-            <ion-label>
-              Toggle Dark Theme
-            </ion-label>
-            <ion-toggle id="themeToggle" slot="end"></ion-toggle>
-          </ion-item>
-
         </ion-list>
       </ion-content>
+      <ion-footer>
+        <ion-item slot="end" lines="full">
+          <ion-icon slot="start" name="moon"></ion-icon>
+          <ion-label>
+            Dark mode
+          </ion-label>
+          <ion-toggle id="themeToggle" slot="end"></ion-toggle>
+        </ion-item>
+      </ion-footer>
     </ion-menu>
 
     <div class="ion-page" main>
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index e69de29..bd83780 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -0,0 +1,3 @@
+.sidebar {
+  max-width: 20em !important;
+}