From b8ccd6cc3e691b6b58a2156c2b210ab5bb433423 Mon Sep 17 00:00:00 2001 From: Cadence Ember Date: Tue, 3 Oct 2023 18:54:07 +1300 Subject: [PATCH] Improve theme layout on non-flex browsers --- src/application-globals.rkt | 4 ++-- static/main.css | 1 + 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/src/application-globals.rkt b/src/application-globals.rkt index 10b4530..de60820 100644 --- a/src/application-globals.rkt +++ b/src/application-globals.rkt @@ -240,7 +240,7 @@ (div (@ (class "bw-ss__container") (id "bw-pr-search-suggestions")))) (div (@ (class "bw-theme__select")) (span (@ (class "bw-theme__main-label")) "Page theme") - (div (@ (class "bw-theme__items")) + (span (@ (class "bw-theme__items")) ,@(for/list ([theme '(default light dark)]) (define class (if (equal? theme (user-cookies^-theme user-cookies)) @@ -251,7 +251,7 @@ req (struct-copy user-cookies^ user-cookies [theme theme]))) (class ,class)) - (div (@ (class "bw-theme__icon-container")) + (span (@ (class "bw-theme__icon-container")) ,(hash-ref theme-icons theme)) ,(format "~a" theme))))))) (div (@ (id "content") #;(class "page-content")) diff --git a/static/main.css b/static/main.css index 1641886..cb32df5 100644 --- a/static/main.css +++ b/static/main.css @@ -332,6 +332,7 @@ a.ext-audiobutton { /* see hearthstone/wiki/Diablo_(Duels_hero) */ display: flex; } .bw-theme__item { + display: inline-block; display: flex; align-items: baseline; padding: 2px;