diff --git a/www/file/file.css b/www/file/file.css index 0207620a9..ad4ab8afa 100644 --- a/www/file/file.css +++ b/www/file/file.css @@ -63,6 +63,19 @@ media-tag img { height: 50vh; box-sizing: border-box; } +#download-form label { + display: flex; + justify-content: center; + align-items: center; + white-space: normal; + word-wrap: break-word; +} +#download-form label span { + width: 50vh; + max-width: 80vw; + text-align: center; + line-height: 1.5em; +} .hovering { background-color: rgba(255, 0, 115, 0.5) !important; } @@ -92,5 +105,4 @@ body #uploadStatusContainer { background-color: rgba(255, 255, 255, 0.9); color: black; opacity: 0.9; - display: block !important; } diff --git a/www/file/file.less b/www/file/file.less index a5fc8d65c..ed1c43076 100644 --- a/www/file/file.less +++ b/www/file/file.less @@ -70,6 +70,21 @@ media-tag { box-sizing: border-box; } } +#download-form { + label { + display: flex; + justify-content: center; + align-items: center; + white-space: normal; + word-wrap: break-word; + span { + width: 50vh; + max-width: 80vw; + text-align: center; + line-height: 1.5em; + } + } +} .hovering { background-color: rgba(255, 0, 115, 0.5) !important; } @@ -111,5 +126,4 @@ body #uploadStatusContainer { background-color: rgba(255, 255, 255, 0.9); color: black; opacity: 0.9; - display: block !important; } diff --git a/www/file/inner.html b/www/file/inner.html index 4ad590bd8..cc2ec2753 100644 --- a/www/file/inner.html +++ b/www/file/inner.html @@ -18,8 +18,7 @@