Come closer to desired design.

Make text side to image. Make all entries the same size.

master/bt5/vifib_web/SkinTemplateItem/portal_skins/vifib_hosting_theme/vifib_hosting_js/vifib.js.xml

@@ -8,7 +8,7 @@
       <dictionary>
         <item>
             <key> <string>_EtagSupport__etag</string> </key>
-            <value> <string>ts21969517.73</string> </value>
+            <value> <string>ts21976195.41</string> </value>
         </item>
         <item>
             <key> <string>__name__</string> </key>
@@ -59,17 +59,22 @@ function getSoftwareReleaseEntry(item) {\n
   img_div = $(\'<div>\');\n
   img_div.addClass(\'software_release_icon\');\n
   img_div.append(img);\n
-  var title = $(\'<div>\');\n
+  var title_div = $(\'<div>\');\n
+  title_div.addClass(\'software_release_title\');\n
+  var title = $(\'<span>\');\n
   title.addClass(\'software_release_title\');\n
   title.html(item.title);\n
-  var description = $(\'<div>\');\n
+  var description = $(\'<span>\');\n
   description.addClass(\'software_release_description\');\n
-  description.html(item.description)\n
+  description.html(item.description);\n
+  title_div.append(title);\n
+  title_div.append($(\'<br/>\'));\n
+  title_div.append(description);\n
   var entry_div = $(\'<div>\');\n
   entry_div.addClass(\'software_release_entry\');\n
   entry_div.append(img_div);\n
-  entry_div.append(title);\n
-  entry_div.append(description);\n
+  entry_div.append(title_div);\n
+  entry_div.append($(\'<div>\').addClass(\'reset\'));\n
   li.append(entry_div);\n
   return li;\n
 }\n
@@ -239,7 +244,7 @@ function hashController ()\n
         </item>
         <item>
             <key> <string>size</string> </key>
-            <value> <int>6556</int> </value>
+            <value> <int>6750</int> </value>
         </item>
         <item>
             <key> <string>title</string> </key>

master/bt5/vifib_web/SkinTemplateItem/portal_skins/vifib_jauks_theme/vifib_style/vifib.css.xml

@@ -202,7 +202,7 @@ background:url(<tal:block tal:replace="images_path"/>user.png) no-repeat scroll
 \n
 \n
 .software_release_entry {text-decoration: none; list-style: none; cursor: default}\n
-div.software_release_entry {position:relative, width:100%;cursor: pointer; border: 1px solid #666d6c; padding: 7px 7px 7px 7px; margin-top: 12px; margin-bottom: 12px}\n
+div.software_release_entry {position:relative, width:550px;cursor: pointer; border: 1px solid #666d6c; padding: 7px 7px 7px 7px; margin-top: 12px; margin-bottom: 12px}\n
 li.software_release_entry:hover {background-color: #D2E7F4;}\n
 \n
 \n
@@ -212,11 +212,12 @@ li.software_release_more:hover {background-color: #D2E7F4;}\n
 \n
 \n
 .software_release_title {font-size:22px; color: #1a8d8d}\n
-div.software_release_title {float:right;}\n
-.software_release_icon {height: 70px}\n
-div.software_release_icon {float: left}\n
-.software_release_description {font-size:16px}\n
-div.software_release_description {clear:both}\n
+div.software_release_title {float:left; padding: 2px 2px 2px 2px; width: 340px; height: 120px;}\n
+.software_release_icon {height: 100px; max-width: 175px;}\n
+div.software_release_icon {float: left; padding: 4px 4px 4px 4px; border: 1px solid #8bc8c7; text-align: center; width:180px}\n
+.software_release_description {font-size:16px; color: black}\n
+div.software_release_description {float:left;}\n
+div.reset {position:relative;clear:both;}\n
 input.software_release_search {height: 30px}\n
 \n
 .software_release_input {\n