Made posters/icons visible on XS devices

js/functions.js

@@ -6475,12 +6475,6 @@ function buildTautulliItem(array){
         background-color: #7b7b7b2e;
     }
 
-    @media (max-width: 767px) {
-        .library-card ol {
-            padding-left: 0;
-        }
-    }
-
     .platform-android-rgba { background-color: rgba(164, 202, 57, 0.40); }
     .platform-atv-rgba { background-color: rgba(133, 132, 135, 0.40); }
     .platform-chrome-rgba { background-color: rgba(237, 94, 80, 0.40); }
@@ -6546,7 +6540,7 @@ function buildTautulliItem(array){
                 <div class="card text-white mb-3 homepage-tautulli-card library-card card-bg-colour">
                     <div class="card-body h-100">
                         <div class="row h-100" style="display: flex;">
-                            <div class="col-lg-4 col-md-4 col-sm-4 hidden-xs align-self-center">`;
+                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 align-self-center" style="overflow: hidden;">`;
                             if(type == 'artist') {
                                 card += `<img src="/plugins/images/cache/tautulli-`+type+`.png" class="lib-icon" alt="library icon">`;
                             } else {
@@ -6554,7 +6548,7 @@ function buildTautulliItem(array){
                             }
             card += `
                             </div>
-                            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
+                            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12" style="overflow: hidden;">
                                 <ol class="h-100">`;
                                 data.forEach(e => {
                                     card += `<li class="w-100">
@@ -6594,7 +6588,7 @@ function buildTautulliItem(array){
                     classes = '';
                 }
                 card += `
-                <div class=col-lg-4 col-md-6 col-sm-12 col-xs-12">
+                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                     <div class="card text-white mb-3 homepage-tautulli-card`+classes+`">`;
                         if(stat !== 'top_users' && stat !== 'top_platforms') {
                             card += `
@@ -6606,7 +6600,7 @@ function buildTautulliItem(array){
                 card += `
                         <div class="card-body">
                             <div class="row" style="display: flex;">
-                                <div class="col-lg-4 col-md-4 col-sm-4 hidden-xs align-self-center">`;
+                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 align-self-center" style="overflow: hidden;">`;
                                 if(stat == 'top_users') {
                                     card += `<img src="`+e['rows'][0]['user_thumb']+`" class="poster avatar" alt="user avatar">`;
                                 } else if(stat == 'top_platforms') {
@@ -6616,7 +6610,7 @@ function buildTautulliItem(array){
                                 }
                 card += `
                                 </div>
-                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
+                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12" style="overflow: hidden;">
                                     <h4>`+e['stat_title']+`</h4>
                                     <hr class="my-2">
                                     <ol class="pl-2">`;