Improved mobile layout

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

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")
 

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
+< 600px
-	.corner-buttons,
 	.corner-buttons-hide-on-mobile
-		display flex
+		display none
-		position absolute
+
-		top content-padding
+	.corner-buttons
-		right content-padding
+		.icon
+			margin-right 0
+
+		span
+			display none