Make the header container stretch 100%

2020-10-09 15:33:37 -05:00 · 2020-10-09 15:33:37 -05:00 · a16861302e
parent 718deb7bb6
commit a16861302e
3 changed files with 12 additions and 6 deletions
--- a/app/components/jumbo.hbs
+++ b/app/components/jumbo.hbs
@ -1,4 +1,4 @@
-<div class="jumbotron">
+<div class="jumbotron" ...attributes>
  <div class="container">
    {{yield}}
  </div>
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@ -4,3 +4,7 @@
@import "components/scrollmenu";

@import "components/words";
+
+#page_header {
+  margin-bottom: 0;
+}
--- a/app/templates/application.hbs
+++ b/app/templates/application.hbs
@ -1,5 +1,7 @@
-<Jumbo>
-  <h1>Biblical Resources for Translators</h1>
-</Jumbo>
-<ScriptureNavBar/>
-{{outlet}}
+<div class="continer-fluid">
+  <Jumbo id="page_header">
+    <h1>Biblical Resources for Translators</h1>
+  </Jumbo>
+  <ScriptureNavBar/>
+  {{outlet}}
+</div>