X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Fepisodes.scss;h=6caf0dd6eafc8cdbaf9e23f71b5ce91be3eeb3f5;hb=4a9ad147aedfae6d5488a7121cacf9a18775ff21;hp=45582a06fd8b99746fde2861c1db6a2a0b870f8d;hpb=0a2bb2069cee683d525596dfe0141cac60f0f977;p=alttp.git

diff --git a/resources/sass/episodes.scss b/resources/sass/episodes.scss
index 45582a0..6caf0dd 100644
--- a/resources/sass/episodes.scss
+++ b/resources/sass/episodes.scss
@@ -22,6 +22,11 @@
 	.episode-start {
 		width: 4rem;
 	}
+	@include media-breakpoint-up(md) {
+		.episode-body {
+			margin-left: 5rem;
+		}
+	}
 	.episode-channel-links > * {
 		margin: 0.5ex 0;
 		&:first-child {
@@ -35,6 +40,11 @@
 		display: grid;
 		grid-template-columns: 1fr 1fr;
 	}
+	@include media-breakpoint-down(md) {
+		.episode-event {
+			margin-left: 5rem;
+		}
+	}
 
 	.event-link {
 		color: inherit;
@@ -79,3 +89,26 @@
 		}
 	}
 }
+
+.channel-select {
+	.search-results-holder {
+		position: relative;
+	}
+	.search-results {
+		position: absolute;
+		left: 0;
+		top: 100%;
+		z-index: 1;
+		width: 100%;
+		border-top-left-radius: 0;
+		border-top-right-radius: 0;
+		box-shadow: 1ex 1ex 1ex rgba(0, 0, 0, 0.5);
+	}
+	&.collapsed .search-results {
+		display: none;
+	}
+	&.expanded .search-input {
+		border-bottom-left-radius: 0;
+		border-bottom-right-radius: 0;
+	}
+}