.episode-start {
width: 4rem;
}
+ @include media-breakpoint-up(md) {
+ .episode-body {
+ margin-left: 5rem;
+ }
+ }
.episode-channel-links > * {
margin: 0.5ex 0;
&:first-child {
display: grid;
grid-template-columns: 1fr 1fr;
}
+ @include media-breakpoint-down(md) {
+ .episode-event {
+ margin-left: 5rem;
+ }
+ }
.event-link {
color: inherit;
}
}
}
+
+.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;
+ }
+}