diff --git a/frontend/src/lib/components/Footer.svelte b/frontend/src/lib/components/Footer.svelte index 83ea84e..0a613a7 100644 --- a/frontend/src/lib/components/Footer.svelte +++ b/frontend/src/lib/components/Footer.svelte @@ -87,6 +87,7 @@ align-items: flex-end; color: @font-color-secondary; &.black-bg { + margin-top: -10px; background-color: @bg-color-secondary; } .upper-part { diff --git a/frontend/src/lib/components/widgets/iconBlock.svelte b/frontend/src/lib/components/widgets/iconBlock.svelte index 5bd710f..a4bb340 100644 --- a/frontend/src/lib/components/widgets/iconBlock.svelte +++ b/frontend/src/lib/components/widgets/iconBlock.svelte @@ -27,16 +27,20 @@ display: flex; flex-direction: column; align-items: center; - - width: 127px; - gap: 8px; + width: 157px; + gap: 20px; max-width: 45%; flex-grow: 1; + font-size: 0.9rem; @media @tablet { max-width: initial; flex-grow: initial; - width: 157px; - gap: 20px; + width: 160px; + gap: 10px; + } + @media @desktop { + width: 240px; + gap: 40px; } img { width: 75%; diff --git a/frontend/src/lib/components/widgets/nestedCard.svelte b/frontend/src/lib/components/widgets/nestedCard.svelte index 40fae35..50dd0c4 100644 --- a/frontend/src/lib/components/widgets/nestedCard.svelte +++ b/frontend/src/lib/components/widgets/nestedCard.svelte @@ -52,7 +52,7 @@ font-size: 1.2rem; top: 0px; height: 100px; - width: 335px; + width: 355px; z-index: 9; background-color: @bg-color-secondary; }