Update form UI

shortener/templates/welcome.html

@@ -1,14 +1,20 @@
 {% extends "base.html" %}
 
 {% block content %}
-    <h1>Welcome!</h1>
+    <h1>Shorten urls</h1>
     <p>Welcome to the URL shortener.</p>
     <form action="{{ url_for("shorten_url") }}" method="post">
-        <label for="short_code">Short code</label>
-        <input type="text" name="short_code" id="short_code">
-        <label for="url">Url to shorten</label>
-        <input type="text" name="url" id="url">
-        <button type="submit">Submit</button>
-        <button type="reset">Reset</button>
+        <p>
+            <label for="short_code">Short code</label>
+            <input type="text" name="short_code" id="short_code">
+        </p>
+        <p>
+            <label for="url">Url to shorten</label>
+            <input type="text" name="url" id="url">
+        </p>
+        <p>
+            <button type="submit">Submit</button>
+            <button type="reset">Reset</button>
+        </p>
     </form>
 {% endblock %}