fix: style for certificate button and card responsive

community/public/css/style.css

@@ -124,7 +124,7 @@ input[type=checkbox] {
 
 .course-card-content {
   width: 100%;
-  padding: 0px 24px 20px;
+  padding: 0px 1rem 1.25rem;
 }
 
 @media (max-width: 350px) {
@@ -161,7 +161,7 @@ input[type=checkbox] {
 }
 
 .course-instructor {
-  margin: 0px 8px;
+  margin-left: 8px;
   font-size: 12px;
   line-height: 135%;
   color: var(--text-color);

community/www/courses/certificate.html

@@ -14,7 +14,7 @@
     </div>
 
     {% if certificate.student == frappe.session.user %}
-    <div class="comment-footer mb-5">
+    <div class="d-flex justify-content-end mb-5">
       <div class="button is-secondary pull-right" id="export-as-pdf" data-certificate="{{ certificate.name }}"
         data-certificate-name="{{ student.full_name }} - {{ course.title }}">Export</div>
     </div>