centralize page size value

dashboard-ui/css/site.css

@@ -33,7 +33,7 @@ body {
 h1 {
     font-family: 'Segoe UI Light', 'Open Sans', Arial, Helvetica, sans-serif;
     font-weight: 200;
-    font-size: 28pt;
+    font-size: 22pt;
 }
 
 .toolsSidebar h1 {
@@ -48,7 +48,17 @@ h1 {
 h2 {
     font-family: 'Segoe UI Semiight', 'Open Sans', Arial, Helvetica, sans-serif;
     font-weight: 400;
+    font-size: 20pt;
+}
+
+@media all and (min-width: 750px) {
+    h1 {
+        font-size: 28pt;
+    }
+
+    h2 {
         font-size: 22pt;
+    }
 }
 
 pre, textarea.pre {
@@ -823,6 +833,7 @@ progress {
     border: 0;
     background: none;
 }
+
 .vjs-default-skin .vjs-play-control {
     width: 2em;
 }
@@ -850,12 +861,12 @@ progress {
     overflow-y: scroll;
 }
 
-.vjs-chapter-button.vjs-menu-button ul li {
+    .vjs-chapter-button.vjs-menu-button ul li {
         width: auto;
         white-space: nowrap;
         font-size: 1.1em;
         padding-right: 10px;
-}
+    }
 
 .vjs-default-skin .vjs-menu-button.vjs-stop-button {
     float: left;
@@ -864,12 +875,12 @@ progress {
     width: 2.5em;
 }
 
-.vjs-default-skin .vjs-menu-button.vjs-stop-button div {
+    .vjs-default-skin .vjs-menu-button.vjs-stop-button div {
         background: url("images/media/stop.png");
         height: 26px;
         width: 26px;
         margin: -.7em .5em auto 0;
-}
+    }
 
 .vjs-subtitle-button div {
     background-position: -25px -75px !important;
@@ -881,12 +892,12 @@ progress {
     overflow-y: scroll;
 }
 
-.vjs-subtitle-button.vjs-menu-button ul li {
+    .vjs-subtitle-button.vjs-menu-button ul li {
         width: auto;
         white-space: nowrap;
         font-size: 1.1em;
         padding-right: 10px;
-}
+    }
 
 .vjs-default-skin .vjs-menu-button.vjs-language-button div {
     background: url("images/media/language.png") !important;
@@ -900,9 +911,9 @@ progress {
     overflow-y: scroll;
 }
 
-.vjs-language-button.vjs-menu-button ul li {
+    .vjs-language-button.vjs-menu-button ul li {
         width: auto;
         white-space: nowrap;
         font-size: 1.1em;
         padding-right: 10px;
-}
+    }

dashboard-ui/scripts/librarybrowser.js

@@ -1,5 +1,13 @@
 var LibraryBrowser = {
 
+    getDetaultPageSize: function() {
+
+        if (window.location.toString().toLowerCase().indexOf('localhost') != -1) {
+            return 100;
+        }
+        return 25;
+    },
+    
     getPosterViewHtml: function (options) {
 
         var items = options.items;
@@ -27,6 +35,7 @@
                     height: 198,
                     width: 352,
                     tag: item.BackdropImageTags[0]
+                    
                 }) + "' />";
             } else if (hasPrimaryImage) {
 
@@ -38,6 +47,7 @@
                     height: height,
                     width: width,
                     tag: item.ImageTags.Primary
+                    
                 }) + "' />";
 
             } else if (item.BackdropImageTags && item.BackdropImageTags.length) {
@@ -46,6 +56,7 @@
                     height: 198,
                     width: 352,
                     tag: item.BackdropImageTags[0]
+                    
                 }) + "' />";
             }
             else if (item.MediaType == "Audio" || item.Type == "MusicAlbum" || item.Type == "MusicArtist") {

dashboard-ui/scripts/movies.js

@@ -10,7 +10,7 @@
         IncludeItemTypes: "Movie",
         Recursive: true,
         Fields: "PrimaryImageAspectRatio,UserData,DisplayMediaType",
-        Limit: 100,
+        Limit: LibraryBrowser.getDetaultPageSize(),
         StartIndex: 0
     };