diff --git a/frontend/src/lib/components/Footer.svelte b/frontend/src/lib/components/Footer.svelte index b27f849..9a3128c 100644 --- a/frontend/src/lib/components/Footer.svelte +++ b/frontend/src/lib/components/Footer.svelte @@ -118,6 +118,7 @@ .lower { color: @font-color-secondary; font-size: 22px; + font-family: "Libre Caslon Text", serif; @media @tablet { font-size: 24px; } diff --git a/frontend/src/lib/components/Pagebuilder/Rows.svelte b/frontend/src/lib/components/Pagebuilder/Rows.svelte index d60fe54..f17520e 100644 --- a/frontend/src/lib/components/Pagebuilder/Rows.svelte +++ b/frontend/src/lib/components/Pagebuilder/Rows.svelte @@ -83,9 +83,9 @@ & > .row { padding: 10px; - padding-top: 30px; + padding: 30px 10px; @media @tablet { - padding-top: 80px; + padding: 80px 10px; } width: 100%; position: relative; diff --git a/frontend/src/lib/components/widgets/Worldcard/card.svelte b/frontend/src/lib/components/widgets/Worldcard/card.svelte index 1ef501e..67fccba 100644 --- a/frontend/src/lib/components/widgets/Worldcard/card.svelte +++ b/frontend/src/lib/components/widgets/Worldcard/card.svelte @@ -65,6 +65,9 @@ display: block; width: 100%; } + .short { + font-weight: 700; + } .content { position: absolute; &:hover { @@ -152,7 +155,9 @@ max-width: 1000px; padding: 5px; background-color: white; - + .short { + padding-left: 8px; + } .long { padding-left: 15px; max-width: fit-content; diff --git a/frontend/src/lib/components/widgets/Worldcard/selectbox.svelte b/frontend/src/lib/components/widgets/Worldcard/selectbox.svelte index 7b3196e..e5cca7c 100644 --- a/frontend/src/lib/components/widgets/Worldcard/selectbox.svelte +++ b/frontend/src/lib/components/widgets/Worldcard/selectbox.svelte @@ -34,6 +34,8 @@ border: 2px solid @bg-color; .abbriviation { padding-right: 10px; + padding-left: 8px; + font-weight: 700; } .name { padding-right: 10px; diff --git a/frontend/src/lib/components/widgets/iconBlock.svelte b/frontend/src/lib/components/widgets/iconBlock.svelte index 5eda81e..30dfb6e 100644 --- a/frontend/src/lib/components/widgets/iconBlock.svelte +++ b/frontend/src/lib/components/widgets/iconBlock.svelte @@ -28,7 +28,7 @@ flex-direction: column; align-items: center; width: 150px; - gap: 20px; + max-width: 45%; flex-grow: 1; font-size: 0.9rem; @@ -37,12 +37,8 @@ max-width: initial; flex-grow: initial; width: 160px; - gap: 10px; - } - @media @desktop { - width: 230px; - gap: 40px; } + img { width: 75%; height: auto; diff --git a/frontend/src/lib/components/widgets/iconCycleBox.svelte b/frontend/src/lib/components/widgets/iconCycleBox.svelte index 77e2fec..1bac341 100644 --- a/frontend/src/lib/components/widgets/iconCycleBox.svelte +++ b/frontend/src/lib/components/widgets/iconCycleBox.svelte @@ -33,7 +33,7 @@ .iconCycleSquares { display: flex; flex-wrap: wrap; - justify-content: center; + justify-content: flex-start; gap: 10px; font-size: 0.8rem; transition: all 600ms; diff --git a/frontend/src/lib/components/widgets/pageLinkBlocks.svelte b/frontend/src/lib/components/widgets/pageLinkBlocks.svelte index 11dd2e0..30296ae 100644 --- a/frontend/src/lib/components/widgets/pageLinkBlocks.svelte +++ b/frontend/src/lib/components/widgets/pageLinkBlocks.svelte @@ -57,8 +57,9 @@ button { background-color: @bg-color; color: @font-color; + height: 36px; padding: 2px 15px; - font-size: 14px; + font-size: 20px; font-weight: bold; cursor: pointer; }