FIxed the url error messages and changed some styling

tiny0/static/style.css

@@ -48,15 +48,13 @@ body {
     width: 80vw;
     height: 100px;
     margin: 35vh auto 0 auto;
-    display: flex;
 }
 
 .inputs {
     display: flex;
-    width: 80vw;
-    height: 50px;
     justify-content: center;
-    margin: 25px 0;
+    height: 50px;
+    margin-top: 25px;
 }
 
 .url {
@@ -64,7 +62,7 @@ body {
     border: 2px solid #bb86fc;
     color: #ffffff;
     width: 60%;
-    padding: 10px;
+    padding: 10px 10px;
     margin-left: 3%;
 }
 
@@ -92,8 +90,7 @@ body {
     color: #ffffff;
     text-align: center;
     font-size: 100%;
-    padding: 0;
+    margin: 1.5% 0 0 0;
-    margin: 3% 0 0 0;
 }
 
 .error-message {
@@ -103,6 +100,7 @@ body {
     color: #ffffff;
     text-align: center;
     margin: 40vh auto 0 auto;
+    font-size: 30px;
 }
 
 .donation {

tiny0/templates/index.html

@@ -22,12 +22,12 @@
 						{{ form.url(placeholder="Enter the URL here", class="url") }}
 						{{ form.submit(class="button") }}
 					</div>
+					{% if form.url.errors %}
+						{% for error in form.url.errors %}
+							<p class="url-error-message">{{ error }}</p>
+						{% endfor %}
+					{% endif %}
 				</form>
-				{% if form.url.errors %}
-					{% for error in form.url.errors %}
-						<p class="url-error-message">{{ error }}</p>
-					{% endfor %}
-				{% endif %}
 			</div>
 
 		{% if not form.url.errors %}