fix borders in streamlist

src/routes/streams/+layout.svelte

@@ -21,6 +21,7 @@
 		overflow-wrap: break-word;
 		margin: 0.5em;
 		scrollbar-gutter: stable;
+		overflow-y: scroll;
 		scrollbar-width: thin;
 	}
 

src/routes/streams/Sidebar.svelte

@@ -48,7 +48,7 @@
 	}
 </script>
 
-<div id="tag-select">
+<div class="tag-select">
 	<TagSelect bind:listOpen bind:checked={filteredTags} {remainingTags} />
 	<button
 		on:click={() => (favoritesOnly = !favoritesOnly)}
@@ -103,6 +103,8 @@
 		padding: 0;
 		margin: 0;
 		border: 1px solid black;
+		border-top: 0;
+		border-bottom: 0;
 	}
 
 	.stream-item-tags {
@@ -148,10 +150,11 @@
 		background-color: #7aa8b8;
 	}
 
-	#tag-select {
+	.tag-select {
 		text-align: left;
 		color: black;
 		display: flex;
+		margin-bottom: 1px;
 	}
 
 	.material-icons {

src/routes/streams/[stream_id]/+page.svelte

@@ -31,6 +31,7 @@
 	#streamPage {
 		grid-row: 1 / 2;
 		overflow: auto;
+		margin-bottom: 0.5em;
 		width: 100%;
 		background: local url('/assets/result.png') top right / 50% no-repeat, rgba(0, 0, 0, 0.8);
 	}