Fix stream switching

src/css/style.css

@@ -23,9 +23,15 @@ body {
     font-weight: 600;
 }
 
-#main p {
-    margin-top: 10em;
-    text-align: center;
+.loader {
+    display: flex;
+}
+.loader .spinner {
+    margin-top: 0px;
+}
+.loader .loading-text {
+    margin-top: 0px;
+    margin-left: 0.5em;
 }
 
 .video-wrapper {
@@ -108,4 +114,18 @@ li.menu-selected {
 #app {
     display: flex;
     height: 100%;
+}
+
+.spinner {
+  border: 4px solid var(--menu-header-text);
+  border-top: 4px solid var(--menu-selected-color);
+  border-radius: 50%;
+  width: 10px;
+  height: 10px;
+  animation: spin 2s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
 }