From d6afb17bf2718ec40d3aa83d557b31493ee3ec94 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Sat, 6 Aug 2022 08:10:12 -0500
Subject: [PATCH] Fix:Library stats page overflowing under side nav #896

---
 client/pages/config.vue               | 8 ++++++++
 client/pages/config/library-stats.vue | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/client/pages/config.vue b/client/pages/config.vue
index 39d99874..236d99c5 100644
--- a/client/pages/config.vue
+++ b/client/pages/config.vue
@@ -71,6 +71,11 @@ export default {
 .configContent.page-library-stats {
   width: 1200px;
 }
+@media (max-width: 1550px) {
+  .configContent.page-library-stats {
+    margin-left: 176px;
+  }
+}
 @media (max-width: 1240px) {
   .configContent {
     margin-left: 176px;
@@ -82,5 +87,8 @@ export default {
     width: 100%;
     max-width: 100%;
   }
+  .configContent.page-library-stats {
+    margin-left: 0px;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/client/pages/config/library-stats.vue b/client/pages/config/library-stats.vue
index 4b0f6a56..0b3861ac 100644
--- a/client/pages/config/library-stats.vue
+++ b/client/pages/config/library-stats.vue
@@ -3,7 +3,7 @@
     <h1 class="text-xl">Stats for library {{ currentLibraryName }}</h1>
     <stats-preview-icons v-if="totalItems" :library-stats="libraryStats" />
 
-    <div class="flex md:flex-row flex-wrap justify-between flex-col mt-8">
+    <div class="flex lg:flex-row flex-wrap justify-between flex-col mt-8">
       <div class="w-80 my-6 mx-auto">
         <h1 class="text-2xl mb-4 font-book">Top 5 Genres</h1>
         <p v-if="!top5Genres.length">No Genres</p>