diff --git a/fhem/www/pgm2/ios6.js b/fhem/www/pgm2/ios6.js index 64960eb30..17df9bcab 100644 --- a/fhem/www/pgm2/ios6.js +++ b/fhem/www/pgm2/ios6.js @@ -9,6 +9,7 @@ $( document ).ready(function() { */ var menuwidth = 200; var paddingwidth = 60; + var mobilepaddingwidth = 20; var logowidth = 28; var switchtomobilemode = 376; var hdrheight = 44; @@ -52,13 +53,16 @@ $( document ).ready(function() { if (switchtomobilemode > width) { $("#hdr input").width(width-inputpadding+menuwidth-logowidth); + $("#content").width(width-mobilepaddingwidth); + $("#right").width(width-mobilepaddingwidth); } else { $("#hdr input").width(width-inputpadding); + $("#content").width(width-paddingwidth); + $("#right").width(width-paddingwidth); } $("#menu").width(0); - $("#content").width(width-paddingwidth); - $("#right").width(width-paddingwidth); + $("#content").show() $("#right").show(); }; diff --git a/fhem/www/pgm2/ios6touchpadstyle.css b/fhem/www/pgm2/ios6touchpadstyle.css index 89ede3ed9..4ac79d309 100644 --- a/fhem/www/pgm2/ios6touchpadstyle.css +++ b/fhem/www/pgm2/ios6touchpadstyle.css @@ -49,8 +49,6 @@ width: -webkit-calc(100% - 60px); width: -o-calc(100% - 60px); /* Standard */ width: calc(100% - 60px); - -padding-left:30px; } @@ -66,7 +64,6 @@ padding-left:30px; } /*iPhone Skalierung*/ - /* iPhone < 5(portrait) ----------- */ @media only screen and (min-device-width : 320px) @@ -75,6 +72,9 @@ and (orientation : portrait) { body { width:320px; } +#content, #right { +padding: 0px 10px 0px 10px !important; +} } /* iPhone < 5(landscape) ----------- */ @media only screen @@ -94,6 +94,9 @@ and (orientation : portrait) { body { width:320px; } +#content, #right { +padding: 0px 10px 0px 10px !important; +} } /* iPhone 5(landscape) ----------- */ @media only screen @@ -113,6 +116,9 @@ and (orientation : portrait) { body { width:375px; } +#content, #right { +padding: 0px 10px 0px 10px !important; +} } /* iPhone 6(landscape) ----------- */ @media only screen