style an upload button for phones/tablets

2023-08-17 21:02:28 +02:00
parent 3bbd64611f
commit fc821be03f
3 changed files with 25 additions and 1 deletions
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -42,6 +42,24 @@ form.highlight {
    grid-row: 1/2;
 }

+.fileUpload {
+    margin-bottom: 1.5em;
+}
+.fileUpload label {
+    color: #83837b;
+    border: 1px solid #83837b;
+    border-radius: .3em;
+    padding: 1em;
+    display: block;
+    text-align: center;
+}
+
+@media (min-width: 992px) {
+    .fileUpload {
+        display: none;
+    }
+}
+
 textarea {
    height: 90%;
    width: 100%;
@@ -125,4 +143,4 @@ button[type="submit"]:hover {

 *.hidden {
    display: none;
-}
+}