display movie budget

dashboard-ui/css/librarybrowser.css

@@ -251,11 +251,6 @@
 
     .posterDetailViewImage {
         max-height: 140px;
-        max-width: 50%;
-    }
-
-    .posterDetailViewContentContainer {
-        width: 47%;
     }
 
     .posterDetailViewItem .userDataIcons {

dashboard-ui/itemdetails.html

@@ -37,6 +37,7 @@
                     <p id="itemCommunityRating"></p>
                     <p id="itemMiscInfo" class="itemMiscInfo"></p>
 
+                    <p id="itemBudget"></p>
                     <p id="itemGenres"></p>
                     <p id="itemStudios"></p>
                     <p id="itemLinks"></p>

dashboard-ui/scripts/Itemdetailpage.js

@@ -50,6 +50,7 @@
     }
 
     function setInitialCollapsibleState(page, item) {
+        
         if (!item.MediaStreams || !item.MediaStreams.length) {
             $('#mediaInfoCollapsible', page).hide();
         } else {
@@ -102,6 +103,8 @@
             $('#itemCommunityRating', page).hide();
         }
 
+        LibraryBrowser.renderBudget($('#itemBudget', page), item);
+
         $('#itemMiscInfo', page).html(LibraryBrowser.getMiscInfoHtml(item));
 
         LibraryBrowser.renderGenres($('#itemGenres', page), item);

dashboard-ui/scripts/librarybrowser.js

@@ -846,6 +846,14 @@
                 elem.show().html(html).trigger('create');
 
 
+            } else {
+                elem.hide();
+            }
+        },
+        
+        renderBudget: function (elem, item) {
+            if (item.Budget) {
+                elem.show().html('Budget:  $' + item.Budget);
             } else {
                 elem.hide();
             }