From 1e2fb63b6afbecba2bf013ff84623bd15264ec98 Mon Sep 17 00:00:00 2001
From: asonix <asonix@asonix.dog>
Date: Thu, 7 Jan 2021 23:09:26 -0600
Subject: [PATCH] Mobile nav on bottom

---
 server/scss/layout.scss                  | 15 +++++++++++++++
 server/templates/nav/page.rs.html        | 20 ++++++++++++--------
 server/templates/session/account.rs.html |  5 ++++-
 3 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/server/scss/layout.scss b/server/scss/layout.scss
index 034e823..57ef03d 100644
--- a/server/scss/layout.scss
+++ b/server/scss/layout.scss
@@ -44,6 +44,21 @@
     }
 }
 
+.nav-body {
+    position: relative;
+    height: 100vh;
+    min-height: 100vh;
+
+    .nav-links {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        max-height: 100%;
+        overflow-y: auto;
+    }
+}
+
 .home-content {
     padding: 32px 0;
 }
diff --git a/server/templates/nav/page.rs.html b/server/templates/nav/page.rs.html
index bd8ca31..4ae1da4 100644
--- a/server/templates/nav/page.rs.html
+++ b/server/templates/nav/page.rs.html
@@ -6,13 +6,17 @@
 
 @:root("Navigation", "Links to get around", {}, {
     @:centered(false, {
-        @:card(&Card::full_width().classes(&["account-page"]), {
-            @:card_body({
-                @:nav(user_opt)
-            })
-            @:card_body({
-                @:button_group(&[Button::primary_outline("Back").href(back.as_str())])
-            })
-        })
+        <nav class="nav-body">
+            <div class="nav-links">
+                @:card(&Card::full_width(), {
+                    @:card_body({
+                        @:nav(user_opt)
+                    })
+                    @:card_body({
+                        @:button_group(&[Button::primary_outline("Back").href(back.as_str())])
+                    })
+                })
+            </div>
+        </nav>
     })
 })
diff --git a/server/templates/session/account.rs.html b/server/templates/session/account.rs.html
index c4530d9..3704e45 100644
--- a/server/templates/session/account.rs.html
+++ b/server/templates/session/account.rs.html
@@ -4,9 +4,12 @@
 
 @(user: &User, uname_state: &UpdateUsernameState, pass_state: &UpdatePasswordState, logout: LogoutState)
 
-@:home(&format!("Account Settings for {}", user.username()), "Update account information", &Some(logout), {
+@:home("Account Settings", "Update account information", &Some(logout), {
     <script src="/toolkit/@button_js.name"></script>
 }, {
+    @:card(Card::full_width().classes(&["account-page"]), {
+        @:card_title({ Current Username: @user.username() })
+    })
     @:update_username(Card::full_width().classes(&["account-page"]), uname_state)
     @:update_password(Card::full_width().classes(&["account-page"]), pass_state)
     @:card(Card::full_width().classes(&["account-page"]), {