Improved the responsiveness on mobile

tiny0/models.py

@@ -7,4 +7,4 @@ class URL(db.Model):
 	clicks = db.Column(db.Integer, nullable=False, default=0)
 
 	def __repr__(self):
-		return f"'{self.id}' '{self.token}' '{self.url} '{self.clicks}'"
+		return f"'{self.id}' '{self.token}' '{self.url}' '{self.clicks}'"

tiny0/static/style.css

@@ -111,7 +111,7 @@ body {
 .url-form {
   max-width: 700px;
   text-align: center;
-  margin: 220px auto 0 auto;
+  margin: 20vh auto 0 auto;
 }
 
 .url-form h1 {
@@ -161,7 +161,7 @@ body {
 
 @media all and (max-width: 800px) {
   .url-form {
-    max-width: 420px;
+    max-width: 380px;
   }
 }
 
@@ -230,7 +230,7 @@ body {
 .donation {
   color: #ffffff;
   text-align: center;
-  margin-top: 200px;
+  margin-top: 20vh;
 }
 
 .donation h1 {
@@ -271,10 +271,7 @@ body {
 }
 
 footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  height: 2.5rem;
   color: #ffffff;
   text-align: center;
+  margin: 30vh 0 5vh 0;
 }