fix: course certificate price display

lms/public/css/style.css

@@ -58,7 +58,6 @@ input[type=checkbox] {
   letter-spacing: 0.011em;
   text-transform: uppercase;
   font-weight: 600;
-  box-shadow: var(--shadow-sm);
   color: var(--gray-900);
   width: fit-content;
 }
@@ -305,7 +304,7 @@ input[type=checkbox] {
   font-size: var(--text-4xl);
   line-height: 44px;
   color: var(--gray-900);
-  margin: 0.5rem 0;
+  margin: 0.25rem 0;
 }
 
 .button {
@@ -855,11 +854,6 @@ pre {
     width: fit-content;
 }
 
-.certificate-price {
-    font-weight: bold;
-    margin-bottom: 1rem;
-}
-
 .certificate-ribbon {
     background-color: var(--primary-color);
     padding: 0.5rem;
@@ -1444,3 +1438,15 @@ li {
     color: var(--gray-900);
     margin-bottom: 1.25rem;
 }
+
+.course-card-wide .avatar .standard-image {
+    border: 1px solid var(--gray-400);
+}
+
+.lesson-progress-tick {
+    margin: 0 0.5rem
+}
+
+.no-preview {
+    color: var(--gray-600);
+}

lms/public/icons/symbol-defs.svg

@@ -41,4 +41,23 @@
         3.14428 11.4733 4.69483 10.459 5.69162L6.40165 9.62339C5.83813 10.1772 4.93649 10.1772 4.42932 9.62339C3.8658
         9.06962 3.8658 8.18359 4.42932 7.68519L7.81045 4.36257" stroke="#2D95F0" stroke-miterlimit="10" stroke-linecap="round"/>
     </svg>
+    <svg xmlns="http://www.w3.org/2000/svg" id="icon-certificate" width="20" height="20" viewBox="0 0 24 24" stroke-width="1" stroke="#1F272E" fill="none" stroke-linecap="round" stroke-linejoin="round">
+        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+        <circle cx="15" cy="15" r="3" />
+        <path d="M13 17.5v4.5l2 -1.5l2 1.5v-4.5" />
+        <path d="M10 19h-5a2 2 0 0 1 -2 -2v-10c0 -1.1 .9 -2 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -1 1.73" />
+        <line x1="6" y1="9" x2="18" y2="9" />
+        <line x1="6" y1="12" x2="9" y2="12" />
+        <line x1="6" y1="15" x2="8" y2="15" />
+    </svg>
+    <svg xmlns="http://www.w3.org/2000/svg" id="icon-green-check" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#289F3B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check">
+        <polyline points="20 6 9 17 4 12"></polyline>
+    </svg>
+    <svg id="icon-lock-gray" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08646 1.69388H9.02395C8.04029 1.68478 7.09316 2.06637 6.39053 2.75494C5.68729 3.44412 5.28656 4.38438 5.27647 5.36897L5.27644 5.36897V5.37409V5.82423H4.03125C2.92668 5.82423 2.03125 6.71966 2.03125 7.82423V14.2648C2.03125 15.3694 2.92668 16.2648 4.03125 16.2648H14.012C15.1166 16.2648 16.012 15.3694 16.012 14.2648V7.82423C16.012 6.71966 15.1166 5.82423 14.012 5.82423H12.7667V5.44139C12.7758 4.45773 12.3942 3.5106 11.7056 2.80797C11.0164 2.10473 10.0762 1.70401 9.09158 1.69391L9.09158 1.69388H9.08646ZM11.7667 5.82423V5.439V5.43402L11.7667 5.43402C11.7739 4.71458 11.495 4.02176 10.9914 3.5079C10.4884 2.99463 9.80233 2.7019 9.08379 2.69388H9.02155H9.01658V2.69386C8.29714 2.6867 7.60432 2.96558 7.09046 3.46915C6.57719 3.97216 6.28446 4.65822 6.27644 5.37676V5.82423H11.7667ZM4.03125 6.82423C3.47897 6.82423 3.03125 7.27194 3.03125 7.82423V14.2648C3.03125 14.8171 3.47897 15.2648 4.03125 15.2648H14.012C14.5643 15.2648 15.012 14.8171 15.012 14.2648V7.82423C15.012 7.27194 14.5643 6.82423 14.012 6.82423H4.03125ZM9.02178 11.8146C9.4471 11.8146 9.79188 11.4698 9.79188 11.0445C9.79188 10.6191 9.4471 10.2744 9.02178 10.2744C8.59646 10.2744 8.25167 10.6191 8.25167 11.0445C8.25167 11.4698 8.59646 11.8146 9.02178 11.8146ZM10.7919 11.0445C10.7919 12.0221 9.99938 12.8146 9.02178 12.8146C8.04418 12.8146 7.25167 12.0221 7.25167 11.0445C7.25167 10.0669 8.04418 9.27436 9.02178 9.27436C9.99938 9.27436 10.7919 10.0669 10.7919 11.0445Z" fill="#687178"/>
+    </svg>
+    <svg xmlns="http://www.w3.org/2000/svg" id="icon-badge" width="20" height="18" viewBox="0 0 24 24" fill="none" stroke="#1F272E" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-award">
+        <circle cx="12" cy="8" r="7"></circle>
+        <polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline>
+    </svg>
 </svg>