From 222f847198555b33b2ad54c49c1733a3ed7508c0 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Mon, 16 Sep 2024 16:41:29 +0200
Subject: [PATCH] styling new stats

---
 resources/css/pages/stats-dashboard.css | 38 ++++++++++++++++++-------
 1 file changed, 27 insertions(+), 11 deletions(-)

diff --git a/resources/css/pages/stats-dashboard.css b/resources/css/pages/stats-dashboard.css
index bafa26a..86575c1 100644
--- a/resources/css/pages/stats-dashboard.css
+++ b/resources/css/pages/stats-dashboard.css
@@ -24,9 +24,18 @@
 }
 
 .page-sessions-datas {
-  .game_stats {
+  .game_stats,
+  .rating_stats {
     @apply bg-white my-12 !px-16 !py-6;
-
+    h2 {
+      @apply text-3xl font-semibold text-neutral-800 mt-0;
+    }
+    h3 {
+      @apply text-blue-600 uppercase font-bold text-base my-0 tracking-widest mb-4;
+    }
+    h4 {
+      @apply font-normal text-lg font-medium text-slate-400 my-0;
+    }
     box-sizing: border-box;
 
     .page-title {
@@ -35,20 +44,12 @@
     &__stats-container {
       @apply grid md:grid-cols-2 gap-16 overflow-hidden;
     }
-    &__game-title {
-      @apply text-3xl font-semibold text-neutral-800 mt-0;
-    }
+
     &__statistics-section {
       p,
       li {
         @apply text-lg text-slate-600;
       }
-      h3 {
-        @apply text-blue-600 uppercase font-bold text-base my-0 tracking-widest mb-4;
-      }
-      h4 {
-        @apply font-normal text-lg font-medium text-slate-400 my-0;
-      }
     }
 
     &__scores-distribution {
@@ -124,6 +125,15 @@
       @apply capitalize;
     }
   }
+  .rating_stats {
+    @apply grid grid-cols-2;
+    h2 {
+      @apply col-span-2;
+    }
+    .average-score {
+      height: fit-content;
+    }
+  }
   .download-btns {
     @apply flex flex-col md:flex-row gap-x-12 gap-y-4 justify-center my-12;
     .dowload-stats {
@@ -139,6 +149,12 @@
   }
 }
 
+.page-rating-datas {
+  section {
+    @apply bg-white my-12 !px-16 !py-6;
+  }
+}
+#graphic-rating-repartition,
 #graphic-score-repartition {
   max-height: 400px;
   @apply w-fit mt-8;