From 5eb671af7f73dcb6989e45d75571049f3de2082a Mon Sep 17 00:00:00 2001
From: Agrendalath <piotr@surowiec.it>
Date: Tue, 17 Mar 2026 20:04:30 +0100
Subject: [PATCH 1/2] chore: use identical Progress page certificate widget on
 desktop and mobile

This mostly backports the approach from future releases.
---
 src/course-home/progress-tab/ProgressTab.jsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/course-home/progress-tab/ProgressTab.jsx b/src/course-home/progress-tab/ProgressTab.jsx
index 585b12b2c4..767687feab 100644
--- a/src/course-home/progress-tab/ProgressTab.jsx
+++ b/src/course-home/progress-tab/ProgressTab.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { useSelector } from 'react-redux';
-import { breakpoints, useWindowSize } from '@openedx/paragon';
+import { useWindowSize } from '@openedx/paragon';
 
 import CourseCompletion from './course-completion/CourseCompletion';
 import ProgressHeader from './ProgressHeader';
@@ -26,7 +26,6 @@ const ProgressTab = () => {
     return null;
   }
 
-  const wideScreen = windowWidth >= breakpoints.large.minWidth;
   return (
     <>
       <ProgressHeader />
@@ -34,14 +33,13 @@ const ProgressTab = () => {
         {/* Main body */}
         <div className="col-12 col-md-8 p-0">
           {!disableProgressGraph && <CourseCompletion />}
-          {!wideScreen && <ProgressTabCertificateStatusSlot courseId={courseId} />}
+          <ProgressTabCertificateStatusSlot courseId={courseId} />
           <ProgressTabCourseGradeSlot courseId={courseId} />
           <ProgressTabGradeBreakdownSlot courseId={courseId} />
         </div>
 
         {/* Side panel */}
         <div className="col-12 col-md-4 p-0 px-md-4">
-          {wideScreen && <ProgressTabCertificateStatusSlot courseId={courseId} />}
           <ProgressTabRelatedLinksSlot courseId={courseId} />
         </div>
       </div>

From 5e22f059de8ff7fa1d0cf69618f00e80a69603c6 Mon Sep 17 00:00:00 2001
From: Agrendalath <piotr@surowiec.it>
Date: Sun, 22 Mar 2026 23:32:43 +0100
Subject: [PATCH 2/2] temp: increase Progress donut precision

---
 .../progress-tab/course-completion/CompletionDonutChart.jsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/course-home/progress-tab/course-completion/CompletionDonutChart.jsx b/src/course-home/progress-tab/course-completion/CompletionDonutChart.jsx
index de8ce01f62..94f3e747c5 100644
--- a/src/course-home/progress-tab/course-completion/CompletionDonutChart.jsx
+++ b/src/course-home/progress-tab/course-completion/CompletionDonutChart.jsx
@@ -23,8 +23,8 @@ const CompletionDonutChart = ({ intl, optional = false }) => {
   const lockedCount = optional ? completionSummary.optionalLockedCount : completionSummary.lockedCount;
 
   const numTotalUnits = completeCount + incompleteCount + lockedCount;
-  const completePercentage = completeCount ? Number(((completeCount / numTotalUnits) * 100).toFixed(0)) : 0;
-  const lockedPercentage = lockedCount ? Number(((lockedCount / numTotalUnits) * 100).toFixed(0)) : 0;
+  const completePercentage = completeCount ? Number(((completeCount / numTotalUnits) * 100).toFixed(1)) : 0;
+  const lockedPercentage = lockedCount ? Number(((lockedCount / numTotalUnits) * 100).toFixed(1)) : 0;
   const incompletePercentage = 100 - completePercentage - lockedPercentage;
 
   const isLocaleRtl = isRtl(getLocale());