From 976ef50d0bdfcf9651c8b6fdd55852268b1d3b4e Mon Sep 17 00:00:00 2001
From: Allan Otodi Opeto <103313919+AllanOXDi@users.noreply.github.com>
Date: Fri, 8 Nov 2024 22:32:14 +0300
Subject: [PATCH] Adds spacing to the page container content

---
 .../assets/src/views/reports/ReportsLearnerReportPage.vue  | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerReportPage.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerReportPage.vue
index 4114af251fa..dc6fc7e9561 100644
--- a/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerReportPage.vue
+++ b/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerReportPage.vue
@@ -9,7 +9,7 @@
         :layout12="{ span: 6 }"
         :layout8="{ span: 4 }"
       >
-        <KPageContainer class="left-container">
+        <KPageContainer class="content-spacing left-container">
           <h2>{{ coachString('lessonsAssignedLabel') }}</h2>
           <CoreTable :emptyMessage="coachString('lessonListEmptyState')">
             <template #headers>
@@ -56,7 +56,7 @@
         :layout12="{ span: 6 }"
         :layout8="{ span: 4 }"
       >
-        <KPageContainer class="right-container">
+        <KPageContainer class="content-spacing right-container">
           <h2>{{ coachString('quizzesAssignedLabel') }} </h2>
           <CoreTable :emptyMessage="coachString('quizListEmptyState')">
             <template #headers>
@@ -210,5 +210,8 @@
     width: 100%;
     height: 100%;
   }
+  .content-spacing {
+    padding: 24px 24px 16px 24px;
+  }
 
 </style>