Work out some basic styling for a phone screen

file-service/templates/style.css

@@ -17,8 +17,7 @@ body {
 .card {
     border: 1px solid black;
     border-radius: 5px;
-    border-shadow: var(--hover-low);
-    padding: var(--px-12);
+    box-shadow: var(--hover-low);
     margin: var(--space-large);
     padding: var(--space-medium);
 
@@ -67,7 +66,7 @@ body {
 }
 
 .thumbnail {
-    max-width: 300px;
+    width: 300px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
@@ -123,12 +122,28 @@ body {
 }
 */
 
-/*
-@media screen and (max-width: 980px) { /* This is the screen width of a OnePlus 5t
+@media screen and (max-width: 980px) { /* This is the screen width of a OnePlus 5t */
     body {
         font-size: xx-large;
     }
 
+    .authentication-form {
+        width: 100%;
+    }
+
+    .upload-form__selector {
+        font-size: larger;
+    }
+
+    .upload-form__button {
+        font-size: larger;
+    }
+
+    .thumbnail {
+        width: 100%;
+    }
+
+    /*
     [type="submit"] {
         font-size: xx-large;
         width: 100%;
@@ -152,5 +167,5 @@ body {
         flex-direction: column;
         width: 100%;
     }
-}
     */
+}