Revert "Put nav at the bottom of the page, so it doesn't move around …

…from lesson to lesson." This reverts commit 4d346ac.
gleam-lang · Apr 1, 2024 · e3cb979 · e3cb979
1 parent 1f271d0
commit e3cb979
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 20 deletions.
diff --git a/src/tour.gleam b/src/tour.gleam
@@ -617,20 +617,17 @@ fn lesson_page_render(lesson: Lesson) -> String {
     static_content: [render_navbar()],
     content: [
       h("article", [#("id", "playground")], [
-        h("section", [#("id", "left"), #("class", "content-nav")], [
-          h("div", [], [
-            h("h2", [], [text(lesson.name)]),
-            htmb.dangerous_unescaped_fragment(string_builder.from_string(
-              lesson.text,
-            )),
-          ]),
-            h("nav", [#("class", "prev-next")], [
-              navlink("Back", lesson.previous),
-              text(" — "),
-              h("a", [#("href", path_table_of_contents)], [text("Contents")]),
-              text(" — "),
-              navlink("Next", lesson.next),
-            ]),
+        h("section", [#("id", "left")], [
+          h("h2", [], [text(lesson.name)]),
+          htmb.dangerous_unescaped_fragment(string_builder.from_string(
+            lesson.text,
+          )),
+          h("nav", [#("class", "prev-next")], [
+            navlink("Back", lesson.previous),
+            text(" — "),
+            h("a", [#("href", path_table_of_contents)], [text("Contents")]),
+            text(" — "),
+            navlink("Next", lesson.next),
           ]),
         ]),
         h("section", [#("id", "right")], [
@@ -639,6 +636,7 @@ fn lesson_page_render(lesson: Lesson) -> String {
           ]),
           h("aside", [#("id", "output")], []),
         ]),
+      ]),
     ],
     scripts: ScriptConfig(
       body: [

diff --git a/static/css/pages/lesson.css b/static/css/pages/lesson.css
@@ -92,10 +92,4 @@
 
 .mb-0 {
   margin-bottom: 0;
-}
-
-.content-nav {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
 }