banner layout

2 files changed, 14 insertions, 6 deletions

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 {