left section

static/js/documentInfoView.amp.js

@@ -112,6 +112,12 @@ pandora.ui.documentInfoView = function(data, isMixed) {
         });
 
         if (!isMultiple) {
+            var $left = Ox.Element()
+                .css({
+                    position: 'absolute'
+                })
+                .appendTo($info);
+
             var $icon = Ox.Element({
                     element: '<img>',
                 })
@@ -128,7 +134,7 @@ pandora.ui.documentInfoView = function(data, isMixed) {
                 .bindEvent({
                     // singleclick: toggleIconSize
                 })
-                .appendTo($info),
+                .appendTo($left),
 
             $reflection = $('<div>')
                 .addClass('OxReflection')
@@ -140,7 +146,7 @@ pandora.ui.documentInfoView = function(data, isMixed) {
                     height: iconSize / 2 + 'px',
                     overflow: 'hidden'
                 })
-                .appendTo($info),
+                .appendTo($left),
 
             $reflectionIcon = $('<img>')
                 .attr({
@@ -163,6 +169,16 @@ pandora.ui.documentInfoView = function(data, isMixed) {
                 .appendTo($reflection);
         }
 
+        var $data = $('<div>')
+            .addClass('OxTextPage')
+            .css({
+                position: 'absolute',
+                left: margin + 'px',
+                top: margin + iconHeight + margin + 'px',
+                width: (iconSize == 256 ? iconSize : iconWidth) + 'px',
+            })
+            .appendTo($left);
+
         var $text = Ox.Element()
             .addClass('OxTextPage')
             .css({