about summary refs log tree commit diff
diff options
context:
space:
mode:
authorBonfaceKilz2020-04-11 02:56:20 +0300
committerBonfaceKilz2020-04-11 02:56:20 +0300
commit54efd8a9e08032929f3f779c438f51472b5aabda (patch)
treea7993930c9ab74c1d3c7388375df00dfd4aceaf3
parentd2698e74c6f5f2977568005232f1b76142ee217f (diff)
downloadbh20-seq-resource-54efd8a9e08032929f3f779c438f51472b5aabda.tar.gz
bh20-seq-resource-54efd8a9e08032929f3f779c438f51472b5aabda.tar.lz
bh20-seq-resource-54efd8a9e08032929f3f779c438f51472b5aabda.zip
Make CSS responsive for smaller screens
-rw-r--r--bh20simplewebuploader/templates/form.html7
1 files changed, 7 insertions, 0 deletions
diff --git a/bh20simplewebuploader/templates/form.html b/bh20simplewebuploader/templates/form.html
index 6720ec7..8ce6f6f 100644
--- a/bh20simplewebuploader/templates/form.html
+++ b/bh20simplewebuploader/templates/form.html
@@ -99,6 +99,13 @@
          width: 17em;
          justify-self: center;
      }
+
+     @media only screen and (max-device-width: 480px) {
+         .grid-container {
+             display: flex;
+             flex-direction: column;
+         }
+     }
     </style>
 
     <head>