git-svn-id: https://msi/svn/firstRepo/WebClient/branches/NewRelease@52 0f545695-f87b-41b6-9a03-7f16563b5454

js/modules/item/itemViewTemplate.html

@@ -4,27 +4,12 @@
     <a id="backBtn" href="#" class="nav-glyphish-example ui-btn ui-icon-myHome ui-btn-icon-notext ui-btn-right" data-icon="custom"></a>
 </div>
 <style>
-    #Gallery {
-        float: left;
-        display: inline;
-        padding: 0;
-        margin: 0;
-        /*width: 1510px;*/
-        transition-property: transform;
-        transition-duration: 0.5s;
-        transition-timing-function: ease-out;
-        /*apply a transform to kick in the hardware acceleration.  Without this, the first
-        time we add the transform you get odd rendering of the divs (half missing) */
-        transform: translate(0, 0);
+    .freewallGallery {
+        margin: 15px;
     }
-    #Gallery img {
-        padding: 0;
+    .brick img {
         margin: 0;
-        /*width: 500px;
-        height: 340px;*/
-        /*apply a transform to kick in the hardware acceleration.  Without this, the first
-        time we add the transform you get odd rendering of the divs (half missing) */
-        transform: translate(0, 0);
+        display: block;
     }
 </style>
 <div id="contentIngredienti" data-role="content">
@@ -50,9 +35,9 @@
 </div>
 <div id="contentFoto" data-role="content" style="display: none;">
     <h1>Foto</h1>
-    <div id="Gallery">
+    <div id="Gallery" class="freewallGallery">
         <% _.each(ricetta.foto, function(fotoID) {%>
-            <img src='<%=myManifest.Settings.DefaultURL%>/api/photo/<%=fotoID.ID%>'>
+            <div class='brick' style='width:250px;'><img src='<%=myManifest.Settings.DefaultURL%>/api/photo/<%=fotoID.ID%>' style="width: 100%;"></div>
         <%});%>
 	</div>
 </div>