Basic styles

src/views/Home/Index.vue

@@ -1,15 +1,17 @@
 <template>
   <div class="home">
-    <input
-      type="text"
-      v-model="magnet"
-      placeholder="magnet"
-    >
-    <button
-      @click="submit"
-    >
-      Create room
-    </button>
+    <form @submit.prevent>
+      <input
+        type="text"
+        v-model="magnet"
+        placeholder="magnet link"
+      >
+      <button
+        @click="submit"
+      >
+        create room
+      </button>
+    </form>
   </div>
 </template>
 
@@ -34,3 +36,11 @@ export default defineComponent({
   },
 });
 </script>
+
+<style lang="scss" scoped>
+form {
+  > * {
+    margin: 0 8px;
+  }
+}
+</style>

src/views/Room/Index.vue

@@ -106,9 +106,6 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-h1 {
-  font-size: 32px;
-}
 .progress-bar {
   width: 400px;
   height: 25px;
@@ -116,6 +113,10 @@ h1 {
   margin: auto;
 }
 
+h1 {
+  margin-bottom: 32px;
+}
+
 video {
   width: 800px;
   max-width: 100%;