From 2d2e82f41a594f1ffca3196d19c22dfdef36fb07 Mon Sep 17 00:00:00 2001
From: Savanni D'Gerinel <savanni@luminescent-dreams.com>
Date: Fri, 6 Oct 2023 23:59:02 -0400
Subject: [PATCH] Work out some basic styling for a phone screen

---
 file-service/templates/style.css | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/file-service/templates/style.css b/file-service/templates/style.css
index e5e009f..acea56a 100644
--- a/file-service/templates/style.css
+++ b/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%;
     }
+    */
 }
-*/