navbar bottom

src/client/app/css/app.css

@@ -81,7 +81,13 @@ body.body-content {
 }
 
 .content {
-    margin-top: 72px;
+    /*margin-top: 72px;*/
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+.dropdown-menu {
+    top: auto;
+    bottom: 100%;
 }
 
 .c-offcanvas--right {
@@ -92,6 +98,8 @@ body.body-content {
 {
     position: absolute;
     min-width: 280px;
+    max-height: calc(100vh - 60px);
+    overflow: auto;
 }
 
 .ul-offcanvas-nav
@@ -457,7 +465,8 @@ body.body-auth .action-button {
     position: fixed;
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
-    bottom: 20px;
+    /*bottom: 20px;*/
+    bottom: 76px;
     right: 20px;
     text-align: center;
     font-size: 20px;
@@ -471,6 +480,8 @@ body.body-auth .action-button {
     overflow: hidden;
     z-index: 100;
     box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
+    overflow: auto;
+    max-height: calc(100% - 85px);
 }
 
 .action-list {
@@ -482,7 +493,7 @@ body.body-auth .action-button {
     bottom: 0;
     right: 0;
     opacity: 0;
-    background-color: white;
+    background-color: #fff;
 }
 
 .action-list-item {

src/client/app/tmpl/gui-navbar.html

@@ -1,4 +1,4 @@
-<nav class="navbar fixed-top bg-gradient">
+<nav class="navbar fixed-bottom bg-gradient">
     <div class="container-fluid">
         <a class="navbar-brand" href="#/home">
             <!--