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 %}
+