1 files changed, 14 insertions, 9 deletions

diff --git a/kvmd/web/css/stream.css b/kvmd/web/css/stream.css
index c3429630..01fd3cc4 100644
--- a/kvmd/web/css/stream.css
+++ b/kvmd/web/css/stream.css
@@ -35,21 +35,26 @@ div.stream-box-mouse-enabled {
 	cursor: url("../svg/stream-mouse-cursor.svg"), pointer;
 }
 
-div#stream-size {
+div.stream-params {
 	-webkit-user-select: text;
 	-moz-user-select: text;
 	user-select: text;
 	font-size: 12px;
 	margin: 5px 15px 5px 15px;
 }
-div#stream-size span#stream-size-counter {
+
+div.stream-params select#stream-resolution-select {
+	margin: 8px 0 8px 0;
+}
+
+div.stream-params span#stream-size-value {
 }
-div#stream-size div#stream-size-slider-box {
+div.stream-params div#stream-size-slider-box {
 	margin-top: 5px;
 	display: flex;
 }
 @supports (-webkit-appearance:none) {
-	div#stream-size div#stream-size-slider-box input[type=range] {
+	div.stream-params div#stream-size-slider-box input[type=range] {
 		cursor: pointer;
 		outline: none;
 		width: 100%;
@@ -60,7 +65,7 @@ div#stream-size div#stream-size-slider-box {
 	}
 }
 @supports not (-webkit-appearance:none) {
-	div#stream-size div#stream-size-slider-box input[type=range] {
+	div.stream-params div#stream-size-slider-box input[type=range] {
 		cursor: pointer;
 		outline: none;
 		width: 100%;
@@ -69,12 +74,12 @@ div#stream-size div#stream-size-slider-box {
 		margin-right: 0;
 	}
 }
-div#stream-size div#stream-size-slider-box input[type=range]::-webkit-slider-runnable-track {
+div.stream-params div#stream-size-slider-box input[type=range]::-webkit-slider-runnable-track {
 	height: 5px;
 	background: var(--bg-color-light);
 	border-radius: 3px;
 }
-div#stream-size div#stream-size-slider-box input[type=range]::-webkit-slider-thumb {
+div.stream-params div#stream-size-slider-box input[type=range]::-webkit-slider-thumb {
 	border: var(--intensive-border);
 	height: 18px;
 	width: 18px;
@@ -83,12 +88,12 @@ div#stream-size div#stream-size-slider-box input[type=range]::-webkit-slider-thu
 	-webkit-appearance: none;
 	margin-top: -7px;
 }
-div#stream-size div#stream-size-slider-box input[type=range]::-moz-range-track {
+div.stream-params div#stream-size-slider-box input[type=range]::-moz-range-track {
 	height: 5px;
 	background: var(--bg-color-light);
 	border-radius: 3px;
 }
-div#stream-size div#stream-size-slider-box input[type=range]::-moz-range-thumb {
+div.stream-params div#stream-size-slider-box input[type=range]::-moz-range-thumb {
 	border: var(--intensive-border);
 	height: 18px;
 	width: 18px;