From 0f4e147e723af9216cbfae0ebe810540c61b9b95 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Wed, 25 Dec 2013 09:39:46 -0500
Subject: [PATCH] hook  up roku session controller + web client layout fixes

---
 dashboard-ui/css/librarybrowser.css    |  5 +++--
 dashboard-ui/css/posteritem.css        | 26 +++++++++++++-------------
 dashboard-ui/css/search.css            |  1 +
 dashboard-ui/index.html                |  2 +-
 dashboard-ui/plugincatalog.html        |  4 ++--
 dashboard-ui/plugins.html              |  4 ++--
 dashboard-ui/pluginupdates.html        |  4 ++--
 dashboard-ui/scripts/boxsets.js        |  3 ++-
 dashboard-ui/scripts/librarybrowser.js |  4 ----
 dashboard-ui/scripts/movies.js         |  3 ++-
 dashboard-ui/scripts/movietrailers.js  |  3 ++-
 dashboard-ui/supporter.html            |  2 +-
 dashboard-ui/supporterkey.html         |  2 +-
 13 files changed, 32 insertions(+), 31 deletions(-)

diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index 98e2fa1095..d4ab6a798f 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -128,6 +128,7 @@
 
     .libraryViewNav .ui-btn-active {
         border: 0;
+        background-color: #38c;
     }
 
     .libraryViewNav a {
@@ -499,8 +500,8 @@ a.itemTag:hover {
     padding: .5em .75em;
     font-size: 16px;
     font-weight: normal;
-    border: 1px solid #000;
-    background: #111;
+    border: 1px solid #1b1b1b;
+    background: #1d1d1d;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
diff --git a/dashboard-ui/css/posteritem.css b/dashboard-ui/css/posteritem.css
index 8304fe2cac..1f1596ce15 100644
--- a/dashboard-ui/css/posteritem.css
+++ b/dashboard-ui/css/posteritem.css
@@ -62,8 +62,8 @@
     overflow: hidden;
     text-wrap: none;
     white-space: nowrap;
-    padding: 5px 6px 4px;
-    background-color: #111;
+    padding: 5px 5px 4px;
+    background-color: #222;
     text-shadow: none;
 }
 
@@ -153,16 +153,16 @@
         height: 94.5px;
     }
 
-.portraitPosterItem {
-    width: 100px;
-}
-
-    .portraitPosterItem .posterItemImage {
-        height: 150px;
+    .portraitPosterItem {
+        width: 102px;
     }
 
+        .portraitPosterItem .posterItemImage {
+            height: 153px;
+        }
+
 .posterItemProgress .itemProgressBar {
-    height: 11px;
+    height: 10px;
     width: 100%;
     opacity: .8;
 }
@@ -226,11 +226,11 @@
 @media all and (min-width: 750px) {
 
     .portraitPosterItem {
-        width: 100px;
+        width: 108px;
     }
 
         .portraitPosterItem .posterItemImage {
-            height: 150px;
+            height: 162px;
         }
 }
 
@@ -245,11 +245,11 @@
         }
 
     .portraitPosterItem {
-        width: 108px;
+        width: 134px;
     }
 
         .portraitPosterItem .posterItemImage {
-            height: 162px;
+            height: 201px;
         }
 
     .smallBackdropPosterItem {
diff --git a/dashboard-ui/css/search.css b/dashboard-ui/css/search.css
index 0a38800f81..97c24bf6a7 100644
--- a/dashboard-ui/css/search.css
+++ b/dashboard-ui/css/search.css
@@ -94,6 +94,7 @@
     text-overflow: ellipsis;
     overflow: hidden;
     font-size: 14px;
+    color: #000;
 }
 
 .searchHintSecondaryText {
diff --git a/dashboard-ui/index.html b/dashboard-ui/index.html
index 0dc9ad2dc4..40702ba665 100644
--- a/dashboard-ui/index.html
+++ b/dashboard-ui/index.html
@@ -19,7 +19,7 @@
 
                         <div id="divCollections"></div>
 
-                        <div id="tip" class="ui-bar-e" style="padding: .5em; font-weight: normal; margin: 2em 0; display: none;"></div>
+                        <div id="tip" class="ui-bar-a" style="padding: .75em; font-weight: normal; margin: 2em 0; display: none;"></div>
                     </td>
                 </tr>
             </table>
diff --git a/dashboard-ui/plugincatalog.html b/dashboard-ui/plugincatalog.html
index f71113f209..581c9bd349 100644
--- a/dashboard-ui/plugincatalog.html
+++ b/dashboard-ui/plugincatalog.html
@@ -9,9 +9,9 @@
         <div data-role="content">
             <div class="content-primary">
                 <div data-role="controlgroup" data-type="horizontal" data-mini="true">
-                    <a href="plugins.html" data-role="button">Installed Server Plugins</a>
+                    <a href="plugins.html" data-role="button">Installed Plugins</a>
                     <a href="plugincatalog.html" data-role="button" class="ui-btn-active">Plugin Catalog</a>
-                    <a href="pluginupdates.html" data-role="button">Automatic Updates</a>
+                    <a href="pluginupdates.html" data-role="button">Updates</a>
                 </div>
                 <p style="margin: 2em 0;">
                     Types: <a data-rel="popup" data-position-to="origin" href="#freePlugins">Free</a>, 
diff --git a/dashboard-ui/plugins.html b/dashboard-ui/plugins.html
index fc4ddd61d5..cff539eaf2 100644
--- a/dashboard-ui/plugins.html
+++ b/dashboard-ui/plugins.html
@@ -9,9 +9,9 @@
         <div data-role="content">
             <div class="content-primary">
                 <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
-                    <a href="plugins.html" data-role="button" class="ui-btn-active">Installed Server Plugins</a>
+                    <a href="plugins.html" data-role="button" class="ui-btn-active">Installed Plugins</a>
                     <a href="plugincatalog.html" data-role="button">Plugin Catalog</a>
-                    <a href="pluginupdates.html" data-role="button">Automatic Updates</a>
+                    <a href="pluginupdates.html" data-role="button">Updates</a>
                 </div>
 
                 <div class="readOnlyContent">
diff --git a/dashboard-ui/pluginupdates.html b/dashboard-ui/pluginupdates.html
index c350822a1b..9ee49b3e49 100644
--- a/dashboard-ui/pluginupdates.html
+++ b/dashboard-ui/pluginupdates.html
@@ -9,9 +9,9 @@
         <div data-role="content">
             <div class="content-primary">
                 <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
-                    <a href="plugins.html" data-role="button">Installed Server Plugins</a>
+                    <a href="plugins.html" data-role="button">Installed Plugins</a>
                     <a href="plugincatalog.html" data-role="button">Plugin Catalog</a>
-                    <a href="pluginupdates.html" data-role="button" class="ui-btn-active">Automatic Updates</a>
+                    <a href="pluginupdates.html" data-role="button" class="ui-btn-active">Updates</a>
                 </div>
 
                 <form id="pluginUpdatesForm">
diff --git a/dashboard-ui/scripts/boxsets.js b/dashboard-ui/scripts/boxsets.js
index 7619008fff..3c6920993a 100644
--- a/dashboard-ui/scripts/boxsets.js
+++ b/dashboard-ui/scripts/boxsets.js
@@ -33,7 +33,8 @@
                 items: result.Items,
                 shape: "portrait",
                 context: 'movies',
-                useAverageAspectRatio: true
+                useAverageAspectRatio: true,
+                showTitle: true
             });
 
             html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index 3f774cdf63..058d383b17 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -853,10 +853,6 @@
                     style += "background-color:" + background + ";";
                 }
 
-                if (options.imagePosition) {
-                    style += "background-position:" + options.imagePosition + ";";
-                }
-
                 html += '<div class="posterItemImage" style="' + style + '"></div>';
 
                 var name = LibraryBrowser.getPosterViewDisplayName(item);
diff --git a/dashboard-ui/scripts/movies.js b/dashboard-ui/scripts/movies.js
index 338ff94fe7..d9ab552ee4 100644
--- a/dashboard-ui/scripts/movies.js
+++ b/dashboard-ui/scripts/movies.js
@@ -45,7 +45,8 @@
                     items: result.Items,
                     shape: "portrait",
                     context: 'movies',
-                    useAverageAspectRatio: true
+                    useAverageAspectRatio: true,
+                    showTitle: true
                 });
                 $('.itemsContainer', page).removeClass('timelineItemsContainer');
             }
diff --git a/dashboard-ui/scripts/movietrailers.js b/dashboard-ui/scripts/movietrailers.js
index b644f2bc37..f13d463fa9 100644
--- a/dashboard-ui/scripts/movietrailers.js
+++ b/dashboard-ui/scripts/movietrailers.js
@@ -36,7 +36,8 @@
                     items: result.Items,
                     shape: "portrait",
                     context: 'movies',
-                    useAverageAspectRatio: true
+                    useAverageAspectRatio: true,
+                    showTitle: true
                 });
             }
 
diff --git a/dashboard-ui/supporter.html b/dashboard-ui/supporter.html
index 182ddf9ae7..cfe95c934f 100644
--- a/dashboard-ui/supporter.html
+++ b/dashboard-ui/supporter.html
@@ -24,7 +24,7 @@
                         A portion of all donations will be contributed to other <a href="about.html">free tools</a> we depend on.
                     </p>
 
-                    <p style="display: none; padding: 1em; border-radius: 5px; font-weight: normal;" class="ui-bar-e supporterOnly">
+                    <p style="display: none; padding: 1em; border-radius: 5px; font-weight: normal;" class="ui-bar-a supporterOnly">
                         <strong>Thank You</strong> for your past support of the Media Browser Team.  Users like you make it possible for 
                         Media Browser to exist and keep getting better and better.  You can always support us again if you feel you are getting maximum
                         value from the product.  
diff --git a/dashboard-ui/supporterkey.html b/dashboard-ui/supporterkey.html
index 407b81ce11..ce62ba9830 100644
--- a/dashboard-ui/supporterkey.html
+++ b/dashboard-ui/supporterkey.html
@@ -26,7 +26,7 @@
                             <strong>After becoming a supporter, you will be emailed a Supporter Key.  Simply copy and paste that key into this field and start
                                 enjoying everything the community has developed for Media Browser. <em>Only MB 3 Supporter Keys are valid here</em></strong>
                         </div>
-                    <p style="display: none; padding: 1em; border-radius: 5px; font-weight: normal;" class="ui-bar-e notSupporter">
+                    <p style="display: none; padding: 1em; border-radius: 5px; font-weight: normal;" class="ui-bar-a notSupporter">
                         <strong>MB3 Key Missing or Invalid</strong> - in order for any premium content to be registered, you must also be a MB3 Supporter.
                         Please <a href="supporter.html">donate</a> and support the continued development of the core product.  Thank you.