Image viewer mobile optimizations

diff --git a/wcfsetup/install/files/style/imageViewer.less b/wcfsetup/install/files/style/imageViewer.less
index 7eb837e21efd7797910a684dd829e12582e3b0df..1ee20b005e4d8a3e27f265b375abdfb28f2ad5ed 100644 (file)
--- a/wcfsetup/install/files/style/imageViewer.less
+++ b/wcfsetup/install/files/style/imageViewer.less
@@ -548,3 +548,32 @@
                }
        }
 }
+
+@media only screen and (max-width: 800px) {
+       .wcfImageViewer {
+               > header {
+                       height: 80px;
+                       
+                       > .wcfImageViewerButtonClose {
+                               right: 16px;
+                               top: 16px;
+                       }
+               }
+               
+               > footer {
+                       height: 80px;
+                       
+                       > div {
+                               height: 60px;
+                               
+                               > ul {
+                                       height: 60px;
+                                       
+                                       > li {
+                                               height: 60px;
+                                       }
+                               }
+                       }
+               }
+       }
+}