Improved style on mobile for centered forms

Signed-off-by: Miquel Sabaté Solà <msabate@suse.com>

1 files changed, 6 insertions, 0 deletions

diff --git a/app/assets/stylesheets/utils.css b/app/assets/stylesheets/utils.css
index 335e595..3659b13 100644
--- a/app/assets/stylesheets/utils.css
+++ b/app/assets/stylesheets/utils.css
@@ -7,6 +7,12 @@
     grid-template-columns: repeat(3, 1fr);
 }
 
+@media only screen and (max-width: 720px) {
+    .center-contents {
+        grid-template-columns: 1fr;
+    }
+}
+
 .flex-list {
     display: flex;
     align-items: start;