diff --git a/assets/sass/_theme/sections/persons.sass b/assets/sass/_theme/sections/persons.sass index 9b3d9a1794003adaa7eab83c5d1f54b46b445b17..fe41b6230271b935f1b386e4a4c1f58e3ed88a34 100644 --- a/assets/sass/_theme/sections/persons.sass +++ b/assets/sass/_theme/sections/persons.sass @@ -4,13 +4,14 @@ justify-content: flex-start @include media-breakpoint-up(md) @include grid(2) - align-items: center @include icon("arrow-right", "after", px2rem(16), true) color: inherit position: absolute right: 0 - @include media-breakpoint-down(md) - top: $spacing1 + top: $spacing1 + transform: translateY(half($spacing0)) + @include media-breakpoint-up(md) + transform: translateY(half($spacing1)) a color: inherit @include stretched-link(before) diff --git a/assets/sass/_theme/sections/programs.sass b/assets/sass/_theme/sections/programs.sass index 02fb55eaf006e1adff307d7a75456fee83a29e3c..baea0cdf8f9acffde3d10b52a22f6bcd43aaa9e2 100644 --- a/assets/sass/_theme/sections/programs.sass +++ b/assets/sass/_theme/sections/programs.sass @@ -143,13 +143,14 @@ ol.programs padding-top: $spacing0 @include media-breakpoint-up(md) @include grid(2) - align-items: center @include icon("arrow-right", "after", px2rem(12), true) color: inherit position: absolute right: 0 - @include media-breakpoint-down(md) - top: $spacing1 + top: $spacing0 + transform: translateY(calc(#{half($spacing0)} + 25%)) + @include media-breakpoint-up(md) + transform: translateY(100%) a color: inherit text-decoration: none @@ -160,6 +161,8 @@ ol.programs align-self: center margin-top: unset @include small + @include media-breakpoint-up(md) + margin-right: $spacing1 &:hover color: $color-accent &:first-child