Fix #883 Resize img accoring to device orientation

templates/mobile/common/thumbnail.html.twig

@@ -107,7 +107,6 @@
             {menu: "false",flashvars: "playerID=2&autostart=yes&noinfo=yes&animation=no&remaining=yes&soundFile={{thumbnail.get_url()}}", movie: "/include/jslibs/audio-player/player.swf",  allowFullScreen :"true",wmode: "transparent"}, false);</script>
         {% else %}
           <img class="record record_image imgTips zoomable thumb" oncontextMenu="return(false);"
-               style="width:100%;"
                src="{{thumbnail.get_url()}}" ondragstart="return false;">
           <input type="hidden" name="width" value="{{thumbnail.get_width()}}"/>
           <input type="hidden" name="height" value="{{thumbnail.get_height()}}"/>

www/skins/lightbox/jquery.validator.mobile.css

@@ -48,4 +48,24 @@ a.active_choice{
 }
 .valid_choice.disagree{
   background-image: url(/skins/icons/delete.png);
-}
+}
+
+.thumb_wrapper {
+    text-align:center;
+}
+
+@media screen and (orientation: landscape) {
+
+ .thumb_wrapper img {
+   width: 50%;
+ }
+
+}
+
+@media screen and (orientation: portrait) {
+
+ .thumb_wrapper img {
+   width: 100%;
+ }
+
+}