on mobile, show single shared image at full width without margin

diff --git a/apps/files_sharing/css/mobile.css b/apps/files_sharing/css/mobile.css
index 3578aff17f2781a801aad562e42a671de0384804..2118cd31e4b6406fe8fc3f0407b95bef54ca4aa8 100644 (file)
--- a/apps/files_sharing/css/mobile.css
+++ b/apps/files_sharing/css/mobile.css
@@ -19,5 +19,12 @@ table tr:focus td.filename .nametext {
        max-width: 60% !important;
 }
 
+/* on mobile, show single shared image at full width without margin */
+#imgframe {
+       width: 100%;
+       padding: 0;
+       margin-bottom: 35px;
+}
+
 
 }

diff --git a/apps/files_sharing/css/public.css b/apps/files_sharing/css/public.css
index 75c37f6a1c31a9ae133745198bd5980dfe4caba6..d593d353dd76d615aec5658683aba953a65f5230 100644 (file)
--- a/apps/files_sharing/css/public.css
+++ b/apps/files_sharing/css/public.css
@@ -60,9 +60,11 @@ p.info a {
 }
 
 #imgframe {
-       width: 100%;
-       padding: 0;
-       margin-bottom: 35px;
+       height:75%;
+       padding-bottom:2em;
+       padding-top:2em;
+       width:80%;
+       margin:0 auto;
 }
 
 #imgframe img {