From 26b46ee7f5bcfa2115f9346f989ba80048663d9d Mon Sep 17 00:00:00 2001 From: Simon Alfassa Date: Sat, 9 Jun 2018 19:31:44 +0200 Subject: [PATCH] Make the web page mobile friendly --- static/css/dropzone.css | 9 ++++++++- static/css/linx.css | 2 +- templates/base.html | 1 + 3 files changed, 10 insertions(+), 2 deletions(-) diff --git a/static/css/dropzone.css b/static/css/dropzone.css index 18472a6..f3c4cb2 100644 --- a/static/css/dropzone.css +++ b/static/css/dropzone.css @@ -31,11 +31,18 @@ border: 2px solid #FAFBFC; } -#dropzone { width: 400px; +#dropzone { + width: 400px; margin-left: auto; margin-right: auto; } +@media(max-width: 450px) { + #dropzone { + width: auto; + } +} + #uploads { margin-top: 20px; } diff --git a/static/css/linx.css b/static/css/linx.css index 193cbec..5285dd8 100644 --- a/static/css/linx.css +++ b/static/css/linx.css @@ -287,7 +287,7 @@ body { /* Content display {{{ */ .display-audio, .display-file { - width: 500px; + width: 100%; } .display-image { diff --git a/templates/base.html b/templates/base.html index d750cb4..5392f8d 100644 --- a/templates/base.html +++ b/templates/base.html @@ -3,6 +3,7 @@ {% block title %}{{ sitename }}{% endblock %} +