Fix responsive shits

front/src/views/JoinView.vue

@@ -1,21 +1,23 @@
 <script setup lang="ts">
 
 import TextBlock from "@/components/TextBlock.vue";
+import Button from "@/components/Button.vue";
+import InputField from "@/components/InputField.vue";
 </script>
 
 <template>
 
-  <TextBlock>
-    <h1>Join an event</h1>
-    <p>
-      This website is currently under <span class="colored-text">development</span> and might look ugly as fuck
-      bla bla bla I'm just writing things nobody will read to fill the space and see how it looks.
-    </p>
-    <p>
-      Yes I know i could have use
-      a Lorem Ipsum but it seems more natural with words everyone can understand
-    </p>
-  </TextBlock>
+  <div class="container">
+    <TextBlock>
+      <h1>Join an <span class="colored-text">event</span></h1>
+    </TextBlock>
+
+    <div class="actions-group">
+      <InputField/>
+      <Button description="Go for it"></Button>
+    </div>
+
+  </div>
 
 </template>