From 138f5913ad328599aab229c3521ed7093e8b05a5 Mon Sep 17 00:00:00 2001
From: rolux <rolux@rolux.org>
Date: Wed, 22 Jan 2014 17:10:13 +0000
Subject: [PATCH] update info embed

---
 static/js/embedInfo.js | 36 ++++++++++++++++++++----------------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/static/js/embedInfo.js b/static/js/embedInfo.js
index aaf58d902..44a369e4a 100644
--- a/static/js/embedInfo.js
+++ b/static/js/embedInfo.js
@@ -4,12 +4,7 @@ pandora.ui.embedInfo = function() {
 
     var data,
         item = pandora.user.ui.item,
-        textCSS = {
-            marginTop: '8px',
-            fontWeight: 'bold',
-            fontSize: '13px',
-            textAlign: 'center'
-        },
+        margin = 16,
         that = Ox.Element(),
         $icon, $reflection, $reflectionIcon, $reflectionGradient,
         $text;
@@ -25,7 +20,7 @@ pandora.ui.embedInfo = function() {
             .attr({src: '/' + item + '/poster512.jpg'})
             .css({
                 position: 'absolute',
-                top: '8px',
+                top: margin + 'px',
                 cursor: 'pointer'
             })
             .appendTo(that);
@@ -54,19 +49,28 @@ pandora.ui.embedInfo = function() {
         $text = Ox.$('<div>')
             .css({
                 position: 'absolute',
-                left: '8px',
-                right: '8px'
+                left: margin + 'px',
+                right: margin + 'px'
             })
             .appendTo(that);
 
         Ox.$('<div>')
-            .css(textCSS)
+            .css({
+                fontWeight: 'bold',
+                fontSize: '13px',
+                textAlign: 'center'
+            })
             .html(data.title + (data.year ? ' (' + data.year + ')' : ''))
             .appendTo($text);
 
         if (data.director) {
             Ox.$('<div>')
-                .css(textCSS)
+                .css({
+                    marginTop: '8px',
+                    fontWeight: 'bold',
+                    fontSize: '13px',
+                    textAlign: 'center'
+                })
                 .html(data.director.map(function(director) {
                     // fixme: there should be a utils method for this
                     return '<a href="/name='
@@ -81,9 +85,9 @@ pandora.ui.embedInfo = function() {
     });
 
     that.resizePanel = function() {
-        var posterSize = Math.floor(
-                (Math.min(window.innerWidth, window.innerHeight) - 16) * 2/3
-            ),
+        var posterSize = Math.floor((Math.min(
+                window.innerWidth, window.innerHeight
+            ) - 2 * margin) * 2/3),
             posterWidth = Math.round(
                 data.posterRatio > 1
                 ? posterSize
@@ -102,7 +106,7 @@ pandora.ui.embedInfo = function() {
         });
         $reflection.css({
             left: posterLeft + 'px',
-            top: posterHeight + 8 + 'px',
+            top: posterHeight + margin + 'px',
             width: posterWidth + 'px',
             height: Math.round(posterHeight / 2) + 'px'
         });
@@ -115,7 +119,7 @@ pandora.ui.embedInfo = function() {
             height: Math.round(posterHeight / 2) + 'px'
         });
         $text.css({
-            top: 8 + 8 + posterHeight + 'px'
+            top: 2 * margin + posterHeight + 'px'
         });
         return that;
     };