From b67eeeaa689b7971f9d9002e6616884a1e513c4b Mon Sep 17 00:00:00 2001 From: Sean Yesmunt Date: Tue, 8 Jan 2019 23:03:03 -0500 Subject: [PATCH] fix: homepage list spacing on last item --- src/renderer/scss/component/_media.scss | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/renderer/scss/component/_media.scss b/src/renderer/scss/component/_media.scss index 0478e3106..444fd131b 100644 --- a/src/renderer/scss/component/_media.scss +++ b/src/renderer/scss/component/_media.scss @@ -655,11 +655,12 @@ @media (min-width: 601px) { width: calc((100% / 6) - 2.25rem); margin-left: var(--spacing-vertical-large); + } - &:last-of-type { - // For some reason margin doesn't work here. - padding-right: var(--spacing-vertical-large); - } + &:last-of-type { + // We can't use margin or padding because overlfow: hidden ignores those + // border-right ensures the last item in the scrollable list has some space to the right + border-right: var(--spacing-vertical-large) solid transparent; } // May be needed for mobile design