improve poster sizing

dashboard-ui/css/librarybrowser.css

@@ -33,7 +33,14 @@
 
 .libraryPage > .ui-content {
     padding-top: 10px;
-    padding-bottom: 120px;
+}
+
+@media all and (max-width: 1200px) {
+
+    .libraryPage > .ui-content {
+        padding-left: .4em !important;
+        padding-right: .4em !important;
+    }
 }
 
 .libraryPage .currentUsername {
@@ -101,10 +108,6 @@
     .ehsContent {
         width: 770px;
     }
-
-    .squareEhsContent {
-        width: 760px;
-    }
 }
 
 @media all and (min-width: 1000px) {
@@ -112,10 +115,6 @@
     .ehsContent {
         width: 900px;
     }
-
-    .squareEhsContent {
-        width: 900px;
-    }
 }
 
 @media all and (min-width: 1200px) {
@@ -123,10 +122,6 @@
     .ehsContent {
         width: 1000px;
     }
-
-    .squareEhsContent {
-        width: 1000px;
-    }
 }
 
 @media all and (min-width: 1600px) {
@@ -134,10 +129,6 @@
     .ehsContent {
         width: 1200px;
     }
-
-    .squareEhsContent {
-        width: 1200px;
-    }
 }
 
 .detailPageContent {
@@ -926,17 +917,15 @@ a.itemTag:hover {
         display: block;
         text-decoration: none;
         padding: 1px 0;
-        color: #bbb !important;
     }
 
-        .alphabetPicker a:hover:not(.selectedCharacter) {
-            background: #666 !important;
-            color: #fff !important;
+        .alphabetPicker a:not(.selectedCharacter) {
+            color: #bbb !important;
         }
 
+
 .selectedCharacter {
-    color: #fff !important;
-    background: #4d90fe;
+    color: #4d90fe !important;
 }
 
 .itemOverlayContent {