diff --git a/frontend/src/lib/components/Pagebuilder/Homepage.svelte b/frontend/src/lib/components/Pagebuilder/Homepage.svelte index ee1add7..407b9b5 100644 --- a/frontend/src/lib/components/Pagebuilder/Homepage.svelte +++ b/frontend/src/lib/components/Pagebuilder/Homepage.svelte @@ -124,7 +124,7 @@ padding: 0 5%; font-weight: 500; h1 { - font-size: 2rem; + font-size: 2.2rem; padding: 10px 0px 0px 0px; @media @tablet { padding: 20px 0px; @@ -136,7 +136,7 @@ } h2 { - font-size: 1rem !important; + font-size: 0.9rem !important; @media @tablet { font-size: 1.6rem !important; } @@ -162,13 +162,13 @@ .titles { font-weight: 500; h1 { - font-size: 3.4rem; + font-size: 3.5rem; padding: 20px 20px; margin: 20px 0px 40px 0px; font-weight: 500; } h2 { - font-size: 1.5rem; + font-size: 1.3rem; } font-weight: 500; } diff --git a/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte b/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte index 8eb1409..a3f9f0a 100644 --- a/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte +++ b/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte @@ -120,10 +120,22 @@ } h3 { font-weight: 500; + margin-bottom: 15px; + @media @tablet { + margin-bottom: 0px; + } + } + h2 { + font-weight: 500; + font-size: 1.7rem !important; + } + h1 { + font-weight: 500; + font-size: 2.2rem; } @media @tablet { h3 { - font-size: 1.2rem; + font-size: 1.3rem; display: flex; align-items: center; gap: 10px; @@ -136,14 +148,22 @@ } } h2 { - font-size: 2.3rem; + font-size: 2rem !important; font-weight: 500; } h1 { - font-size: 5rem; + font-size: 3.5rem; font-weight: 500; } } + @media @desktop { + h2 { + font-size: 2.3rem !important; + } + h1 { + font-size: 5rem; + } + } .row { padding-top: 40px; @@ -186,7 +206,7 @@ font-size: 0.7rem; } .nmh3 { - font-size: 1rem; + font-size: 0.9rem; @media @tablet { font-size: 1.6rem; } diff --git a/frontend/src/lib/components/widgets/pageLinkBlocks.svelte b/frontend/src/lib/components/widgets/pageLinkBlocks.svelte index 30296ae..fd4ea80 100644 --- a/frontend/src/lib/components/widgets/pageLinkBlocks.svelte +++ b/frontend/src/lib/components/widgets/pageLinkBlocks.svelte @@ -54,14 +54,19 @@ flex-direction: column; align-items: flex-start; gap: 20px; + button { background-color: @bg-color; color: @font-color; - height: 36px; + padding: 2px 15px; font-size: 20px; font-weight: bold; cursor: pointer; + font-size: 0.7rem; + @media @tablet { + font-size: initial; + } } .row-ref {