From 67c4aeb6ecd825be09bd33f604a2b5959296343c Mon Sep 17 00:00:00 2001 From: ckonstanski Date: Sun, 26 May 2024 11:31:41 -0600 Subject: banner layout --- lisp/webapps/woodriverlessons/site.lisp | 9 ++++++--- lisp/webapps/woodriverlessons/static/css/stylesheet.css | 11 ++++++++--- 2 files changed, 14 insertions(+), 6 deletions(-) (limited to 'lisp/webapps/woodriverlessons') diff --git a/lisp/webapps/woodriverlessons/site.lisp b/lisp/webapps/woodriverlessons/site.lisp index a17b1b3..7ccd929 100644 --- a/lisp/webapps/woodriverlessons/site.lisp +++ b/lisp/webapps/woodriverlessons/site.lisp @@ -20,9 +20,12 @@ ((script :type "text/javascript" :src "/static/js/cljs/main.js"))) ((body :onload ,(format nil "woodriverlessons.core.~a" ,onload-fn)) ((div :class "container-fluid") - ((div :class "row banner") - ((div :class "col banner-title") "Wood River Lessons") - ((div :id "menu-user" :class "col" :style "text-align: right;"))) + ((div :class "banner") + ((table :width "100%" :height "100%") + (tr + ((td :class "banner-title") "Wood River Lessons") + ((td :class "banner-menu") + ((div :id "menu-user")))))) ((div :id "menu" :class "well")) ((div :id "location" :style "display: none")) ((div :id "errormsg")) diff --git a/lisp/webapps/woodriverlessons/static/css/stylesheet.css b/lisp/webapps/woodriverlessons/static/css/stylesheet.css index fc36d93..b04c4ec 100644 --- a/lisp/webapps/woodriverlessons/static/css/stylesheet.css +++ b/lisp/webapps/woodriverlessons/static/css/stylesheet.css @@ -47,12 +47,17 @@ p { } .banner-title { + width: *; color: #59200e; font-size: 24px; font-weight: bold; - display: flex; - justify-content: right; - align-items: center; + text-align: center; +} + +.banner-menu { + width: 150px; + text-align: right; + vertical-align: top; } .modal-content { -- cgit v1.3