From 37b173071e26809acc10eb62f900518d75743b2f Mon Sep 17 00:00:00 2001 From: Bernhard Kirchen Date: Mon, 11 Nov 2024 20:55:13 +0100 Subject: [PATCH] webapp: fix line break for reload button if a page uses the reload button, it had only 1 column of space, and only if the viewport was at least "sm". this is not the case for typical smartphones, in which case the reload button would appear on its own row instead of to the right. we now limit the heading to 10 columns if and only if the reload button is to be used, otherwise the heading uses all 12 columns, regardless of the viewport size. the reload buton uses two columns -- if it is displayed at all. the font size of the icon is increased slightly. as the font size of h1 headings changes with the viewport size, we need to center both the heading and the button vertically. --- webapp/src/components/BasePage.vue | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/webapp/src/components/BasePage.vue b/webapp/src/components/BasePage.vue index 4ac0f80ee..d94e3219e 100644 --- a/webapp/src/components/BasePage.vue +++ b/webapp/src/components/BasePage.vue @@ -1,9 +1,9 @@