From 17a7af74f27209c1f8c3a20b8916d6b3c2eb7174 Mon Sep 17 00:00:00 2001
From: pateljannat <pateljannat2308@gmail.com>
Date: Tue, 31 Aug 2021 16:19:41 +0530
Subject: [PATCH] fix: certificate ui

---
 community/public/css/style.css       | 55 +++++++++++++---------------
 community/templates/certificate.html |  2 +
 2 files changed, 28 insertions(+), 29 deletions(-)

diff --git a/community/public/css/style.css b/community/public/css/style.css
index c650300e..d2ec4e03 100644
--- a/community/public/css/style.css
+++ b/community/public/css/style.css
@@ -1313,69 +1313,66 @@ textarea.form-control {
 }
 
 .certificate-page .common-card-style {
-  font-family: Inter;
   color: black;
-  width: 40%;
-  margin: 0 auto;
+  font-size: 1.25rem;
 }
 
 .certificate-content {
-  padding: 5rem;
+  padding: 5rem 9rem;
+}
+
+.certificate-footer {
+  margin-bottom: 4rem;
 }
 
 .certificate-ribbon {
   background-color: var(--primary-color);
-  margin-right: 2rem;
-  width: 20%;
+  margin-right: 3rem;
+  width: 5%;
 }
 
 .certificate-heading {
-  font-size: 2rem;
+  font-size: 3rem;
   margin-bottom: 3rem;
   font-weight: bold;
 }
 
 .certificate-para {
-  margin-bottom: 3rem;
+  margin-bottom: 4rem;
 }
 
 .certificate-logo {
-  height: 20px;
-  margin-top: 2rem;
+  height: 30px;
 }
 
 @media (max-width: 1024px) {
   .certificate-content {
-    padding: 3rem;
+    padding: 3rem 5rem;
   }
 }
 
 @media (max-width: 768px) {
-  .certificate-page .common-card-style {
-    width: 50%;
-  }
-  .certificate-content {
-    padding: 2rem;
-  }
-  .certificate-ribbon {
-    margin-right: 1rem;
-  }
   .certificate-heading {
     font-size: 2rem;
   }
 }
 
-@media (max-width: 550px) {
-  .certificate-page .common-card-style {
-    width: 60%;
-  }
-}
-
 @media (max-width: 500px) {
   .certificate-page .common-card-style {
-    width: 90%;
+    font-size: 1rem;
   }
-  .certificate-heading {
-    font-size: 2rem;
+  .certificate-content {
+    padding: 3rem;
+  }
+  .certificate-ribbon {
+    background-color: var(--primary-color);
+    margin-right: 2rem;
+    width: 20%;
+  }
+}
+
+@media (max-width: 375px) {
+  .certificate-content {
+    padding: 2rem;
   }
 }
diff --git a/community/templates/certificate.html b/community/templates/certificate.html
index 8ac8216f..b777c5ba 100644
--- a/community/templates/certificate.html
+++ b/community/templates/certificate.html
@@ -9,6 +9,7 @@
       <span class="font-weight-bold">{{ frappe.utils.format_date(certificate.issue_date, "medium") }}</span>
     </div>
     <div class="certificate-footer">
+      {% if instructor %}
       <div>
         <span>
           Instructor:
@@ -17,6 +18,7 @@
           {{ instructor.full_name }}
         </span>
       </div>
+      {% endif %}
       {% if certificate.expiry_date %}
       <div>
         <span>