Use wrapper to prevent password change popups from screwing up the layout

2021-12-27 23:14:50 +00:00 · 2021-12-27 23:14:50 +00:00 · ab43387f06
commit ab43387f06
parent c112d95a41
3 changed files with 17 additions and 12 deletions
--- a/web/base.tpl
+++ b/web/base.tpl
@ -18,6 +18,7 @@
        {{block "more-head" .}}{{end}}
    </head>
    <body>
+        <div id="wrapper">
            <div id="sidebar">
                {{block "sidebar" .}}
                    {{template "budget-sidebar" .}}
@ -32,6 +33,7 @@
                </div>
                {{block "new" .}}{{end}}
            </div>
+        </div>
    </body>
 </html>
 {{end}}
--- a/web/budget-sidebar.tpl
+++ b/web/budget-sidebar.tpl
@ -41,5 +41,8 @@
        <li>
                <a href="/admin">Admin</a>
        </li>
+        <li>
+                <a href="/api/v1/user/logout">Logout</a>
+        </li>
 </ul>        
 {{end}}
--- a/web/static/css/main.css
+++ b/web/static/css/main.css
@ -37,7 +37,7 @@ html {
    font-size: 70.7%;
 }

-body {
+#wrapper {
    display: grid;
    grid-template-columns: 300px auto;
 }