From a36df87d79bcf8223de18c811c50cfd8bfa7decf Mon Sep 17 00:00:00 2001
From: Leonard Smith <lenrsmith@gmail.com>
Date: Fri, 9 Oct 2020 16:52:24 -0500
Subject: [PATCH] Tweak the navbar a bit

---
 app/components/scripture-nav-bar.hbs  | 28 ++++++++++++++-------------
 app/styles/components/scrollmenu.scss |  5 ++++-
 2 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/app/components/scripture-nav-bar.hbs b/app/components/scripture-nav-bar.hbs
index ad8e47e..5988b71 100644
--- a/app/components/scripture-nav-bar.hbs
+++ b/app/components/scripture-nav-bar.hbs
@@ -1,17 +1,19 @@
 <nav class="scripture-menu">
-  <Scrollmenu @visible="true">
-    {{#each this.books as |book|}}
-      <Book @book={{book}} @showChapters={{this.showChapters}} />
-    {{/each}}
-  </Scrollmenu>
+  <div class="container">
+    <Scrollmenu @visible="true">
+      {{#each this.books as |book|}}
+        <Book @book={{book}} @showChapters={{this.showChapters}} />
+      {{/each}}
+    </Scrollmenu>
 
-  <ChapterNav @book={{this.currentBook}}
-      @showVerses={{this.showVerses}}
-      @visible={{this.chaptersVisible}} />
+    <ChapterNav @book={{this.currentBook}}
+                @showVerses={{this.showVerses}}
+                @visible={{this.chaptersVisible}} />
 
-  <VerseNav @book={{this.currentBook}}
-      @chapter={{this.currentChapter}}
-      @verses={{this.currentChapter.verses}}
-      @verseSelected={{this.verseSelected}}
-      @visible={{this.versesVisible}} />
+    <VerseNav @book={{this.currentBook}}
+              @chapter={{this.currentChapter}}
+              @verses={{this.currentChapter.verses}}
+              @verseSelected={{this.verseSelected}}
+              @visible={{this.versesVisible}} />
+  </div>
 </nav>
\ No newline at end of file
diff --git a/app/styles/components/scrollmenu.scss b/app/styles/components/scrollmenu.scss
index b3c6e6e..2280a6d 100644
--- a/app/styles/components/scrollmenu.scss
+++ b/app/styles/components/scrollmenu.scss
@@ -1,5 +1,8 @@
-div.scrollmenu {
+nav.scripture-menu {
   background-color: #333;
+}
+
+div.scrollmenu {
   overflow: auto;
   white-space: nowrap;
 }