diff --git a/pages/anime/episode.scarlet b/pages/anime/episode.scarlet index 18e4a67c..f22f4bcf 100644 --- a/pages/anime/episode.scarlet +++ b/pages/anime/episode.scarlet @@ -6,12 +6,14 @@ horizontal-wrap justify-content flex-start + .episode + flex-basis 190px + .episode vertical ui-element button-hover flex 0 - flex-basis 190px margin 0.5rem padding 0.5rem overflow hidden diff --git a/pages/calendar/calendar.pixy b/pages/calendar/calendar.pixy index a0710383..f8cf9c9e 100644 --- a/pages/calendar/calendar.pixy +++ b/pages/calendar/calendar.pixy @@ -1,7 +1,7 @@ component Calendar(days []*utils.CalendarDay, user *arn.User) h1.mountable Calendar - .corner-buttons-hide-on-mobile + .corner-buttons button.action(data-trigger="click", data-action="calendarShowAddedAnimeOnly", title="Show anime in my collection") RawIcon("eye") diff --git a/styles/corner-buttons.scarlet b/styles/corner-buttons.scarlet index 8ef3c8f5..80fd270b 100644 --- a/styles/corner-buttons.scarlet +++ b/styles/corner-buttons.scarlet @@ -1,18 +1,31 @@ .corner-buttons display flex justify-content center + margin-bottom content-padding + + position absolute + top content-padding + right content-padding .corner-buttons-hide-on-mobile - display none + display flex + position absolute + top content-padding + right content-padding +.corner-buttons, +.corner-buttons-hide-on-mobile button, .button - margin 0 0.25rem + margin-left 0.5rem -> 600px - .corner-buttons, +< 600px .corner-buttons-hide-on-mobile - display flex - position absolute - top content-padding - right content-padding \ No newline at end of file + display none + + .corner-buttons + .icon + margin-right 0 + + span + display none \ No newline at end of file