Add side scrolling datatables

data/interfaces/default/css/plexpy.css

@@ -1610,12 +1610,10 @@ a:hover .item-children-poster {
     left: 12px;
 }
 .user-info-wrapper {
-    height: 113px;
 }
 .user-info-poster-face {
     float: left;
-    margin-top: 15px;
-    margin-right: 15px;
+    margin: 15px 15px 15px 0;
     background-size: cover;
     background-position: center;
     height: 80px;
@@ -1630,13 +1628,11 @@ a:hover .item-children-poster {
 .user-info-username {
     font-size: 24px;
     color: #fff;
-    position: relative;
-    top: 27px;
+    padding-top: 27px;
+    padding-left: 110px;
 }
 .user-info-nav {
-    position: relative;
-    top: 15px;
-    left: -5px;
+    margin-top: 15px;
 }
 .user-info-nav > .active > a {
     color: #cc7b19;
@@ -1651,6 +1647,7 @@ a:hover .item-children-poster {
 }
 .user-info-nav ul {
     list-style: none;
+    padding: 0;
 }
 .user-info-nav li {
     float: left;
@@ -1780,8 +1777,7 @@ a:hover .item-children-poster {
 }
 .library-info-poster-face {
     float: left;
-    margin-top: 15px;
-    margin-right: 15px;
+    margin: 15px 15px 15px 0;
     background-size: cover;
     background-position: center;
     height: 80px;
@@ -2929,4 +2925,8 @@ a.no-highlight:hover {
     margin-bottom: 0;
     font-weight: 400;
     cursor: pointer;
+}
+.datatable-wrap {
+    min-width: 150px;
+    max-width: 250px;
 }