Move submit button down on smaller devices.

client/src/components/Form.js

@@ -39,7 +39,7 @@ const Form = ({ socket }) => {
   return (
     <form className={styles.Form} onSubmit={submitForm}>
       <div style={{ flexGrow: 1 }}>
-        <div>Add songs to the server</div>
+        <div>Add new songs</div>
         <input
           type="text"
           name="spotifyUrl"
@@ -49,7 +49,12 @@ const Form = ({ socket }) => {
           onChange={handleChange}
         />
       </div>
-      <input type="submit" value="Submit" onClick={submitForm} />
+      <input
+        className={styles.Submit}
+        type="submit"
+        value="Submit"
+        onClick={submitForm}
+      />
     </form>
   );
 };

client/src/components/styles/Form.module.css

@@ -7,7 +7,8 @@ Form {
     align-items: flex-end;
     justify-content: center;
   }
-  
+
+
   @media screen and (max-width: 550px) {
     Form {
       width: 100%;
@@ -18,3 +19,16 @@ Form {
       justify-content: center;
     }
   }
+
+
+  @media screen and (max-width: 750px) {
+    Form {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+
+    Form input,Form div {
+      width: 100%;
+      display: block;
+    }
+  }