Adds spacing to the page container content

learningequality · Nov 8, 2024 · 976ef50 · 976ef50
1 parent b90340a
commit 976ef50
Showing 1 changed file with 5 additions and 2 deletions.
diff --git 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>