Merge branch 'main' of https://github.com/frappe/lms into ui-fixes

lms/public/css/style.css

@@ -576,7 +576,7 @@ input[type=checkbox] {
 }
 
 .lesson-content-card {
-  margin-top: 1rem;
+  margin: 3rem 0;
 }
 
 .lesson-page {
@@ -837,15 +837,22 @@ pre {
 }
 
 .certificate-content {
-  padding: 2.5rem 3rem;
-  background-color: #FFFFFF;
+    background-color: #FFFFFF;
+    border-width: 100px;
+    border-style: solid;
+}
+
+@media (max-width: 500px) {
+    .certificate-content {
+        border-width: 50px;
+    }
 }
 
 .certificate-footer {
     display: flex;
-    justify-content: space-between;
-    width: 30%;
-    margin: 5rem auto 0;
+    justify-content: center;
+    margin: 4rem auto 0;
+    width: fit-content;
 }
 
 .certificate-price {
@@ -854,15 +861,15 @@ pre {
 }
 
 .certificate-ribbon {
-  background-color: var(--primary-color);
-  padding: 0.5rem;
-  border-radius: var(--border-radius-md);
+    background-color: var(--primary-color);
+    padding: 0.5rem;
+    border-radius: var(--border-radius-md);
 }
 
 .certificate-heading {
-  font-size: 1.5rem;
-  font-weight: 500;
-  color: var(--text-color);
+    font-size: 2rem;
+    font-weight: 500;
+    color: var(--text-color);
 }
 
 .certificate-para {
@@ -876,24 +883,19 @@ pre {
     box-shadow: var(--shadow-sm);
     padding: 1rem;
     text-align: center;
-    margin: 0 6rem;
 }
 
 .certificate-footer-item {
     color: var(--text-color);
-    font-weight: 500;
+    font-weight: bold;
+    font-family: cursive;
+    font-size: 1.25rem;
 }
 
 .certificate-logo {
   height: 1.5rem;
 }
 
-@media (max-width: 1050px) {
-    .certificate-footer {
-        width: 50%;
-    }
-}
-
 @media (max-width: 768px) {
     .certificate-card {
         margin: 0;
@@ -904,10 +906,6 @@ pre {
     .certificate-content {
         padding: 1rem;
     }
-
-    .certificate-footer {
-        width: 100%;
-    }
 }
 
 .profile-card {
@@ -1341,8 +1339,7 @@ pre {
   font-size: var(--text-lg);
   color: var(--gray-900);
   font-weight: 600;
-  flex-grow: 1;
-  margin-left: 1rem;
+  width: 75%;
 }
 
 .profile-page-body {