fix: jobs, quiz and community page cleanup

school/public/css/style.css

@@ -111,7 +111,9 @@ input[type=checkbox] {
 .icon {
   margin: 0;
   margin-right: 0.25rem;
-  fill: none;
+}
+
+.lesson-links .icon {
   stroke: none;
 }
 
@@ -499,17 +501,17 @@ input[type=checkbox] {
 .member-parent {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-  -moz-column-gap: 1.25rem;
-  column-gap: 1.25rem;
-  row-gap: 1.25rem;
+  -moz-column-gap: 2rem;
+  column-gap: 2rem;
+  row-gap: 2rem;
 }
 
 @media (max-width: 600px) {
   .member-parent {
     grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
-    -moz-column-gap: 1.25rem;
-    column-gap: 1.25rem;
-    row-gap: 1.25rem;
+    -moz-column-gap: 2rem;
+    column-gap: 2rem;
+    row-gap: 2rem;
   }
 }
 
@@ -1136,6 +1138,7 @@ pre {
   flex-direction: column;
   align-items: flex-end;
   justify-content: space-between;
+  margin-left: auto;
 }
 
 .job-detail-card {
@@ -1143,11 +1146,6 @@ pre {
   flex-direction: column;
 }
 
-.job-detail-card span::before {
-  content: "\00B7";
-  margin: 0 8px;
-}
-
 .job-subtitle {
   font-size: var(--text-base);
   margin-bottom: 1.875rem;
@@ -1163,34 +1161,6 @@ pre {
   color: var(--gray-900);
 }
 
-.company-name {
-  font-size: var(--text-base);
-}
-
-.job-meta {
-  display: flex;
-  align-items: center;
-  color: var(--gray-700);
-  font-size: var(--text-base);
-}
-
-.job-type {
-  background-color: var(--dark-green-100);
-  color: var(--dark-green-500);
-  border-radius: var(--border-radius-md);
-  padding: 0.25rem 0.5rem;
-  font-weight: 600;
-  font-size: 11px;
-  text-transform: uppercase;
-  letter-spacing: 0.6px;
-  margin-bottom: 0.5rem;
-  width: fit-content;
-}
-
-.job-description {
-  margin-top: 3.75rem;
-}
-
 .course-head-container {
   color: var(--gray-900);
 }

school/public/icons/symbol-defs.svg

@@ -24,4 +24,8 @@
     <svg id="icon-lock-blue" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path fill-rule="evenodd" clip-rule="evenodd" d="M8.077 1.45H8.022C7.13244 1.44174 6.27599 1.78701 5.64088 2.40993C5.00577 3.03285 4.64397 3.88244 4.635 4.772V5.122H3.75C3.21957 5.122 2.71086 5.33271 2.33579 5.70779C1.96071 6.08286 1.75 6.59157 1.75 7.122V12.513C1.75 13.0434 1.96071 13.5521 2.33579 13.9272C2.71086 14.3023 3.21957 14.513 3.75 14.513H12.289C12.8194 14.513 13.3281 14.3023 13.7032 13.9272C14.0783 13.5521 14.289 13.0434 14.289 12.513V7.122C14.289 6.59157 14.0783 6.08286 13.7032 5.70779C13.3281 5.33271 12.8194 5.122 12.289 5.122H11.404V4.837C11.4123 3.94744 11.067 3.09099 10.4441 2.45588C9.82115 1.82077 8.97156 1.45898 8.082 1.45H8.077ZM10.404 5.122V4.83C10.4104 4.20548 10.1686 3.60398 9.73166 3.15769C9.29475 2.71141 8.69851 2.45686 8.074 2.45H8.014C7.38948 2.4436 6.78798 2.68543 6.34169 3.12234C5.89541 3.55925 5.64086 4.15549 5.634 4.78V5.122H10.404ZM3.75 6.122C3.48478 6.122 3.23043 6.22736 3.04289 6.41489C2.85536 6.60243 2.75 6.85678 2.75 7.122V12.513C2.75 12.7782 2.85536 13.0326 3.04289 13.2201C3.23043 13.4076 3.48478 13.513 3.75 13.513H12.289C12.5542 13.513 12.8086 13.4076 12.9961 13.2201C13.1836 13.0326 13.289 12.7782 13.289 12.513V7.122C13.289 6.85678 13.1836 6.60243 12.9961 6.41489C12.8086 6.22736 12.5542 6.122 12.289 6.122H3.75ZM8.02 10.391C8.1721 10.391 8.31797 10.3306 8.42553 10.223C8.53308 10.1155 8.5935 9.9696 8.5935 9.8175C8.5935 9.6654 8.53308 9.51953 8.42553 9.41197C8.31797 9.30442 8.1721 9.244 8.02 9.244C7.8679 9.244 7.72203 9.30442 7.61447 9.41197C7.50692 9.51953 7.4465 9.6654 7.4465 9.8175C7.4465 9.9696 7.50692 10.1155 7.61447 10.223C7.72203 10.3306 7.8679 10.391 8.02 10.391V10.391ZM9.593 9.817C9.593 10.2343 9.42722 10.6345 9.13213 10.9296C8.83704 11.2247 8.43682 11.3905 8.0195 11.3905C7.60218 11.3905 7.20196 11.2247 6.90687 10.9296C6.61178 10.6345 6.446 10.2343 6.446 9.817C6.446 9.39968 6.61178 8.99946 6.90687 8.70437C7.20196 8.40928 7.60218 8.2435 8.0195 8.2435C8.43682 8.2435 8.83704 8.40928 9.13213 8.70437C9.42722 8.99946 9.593 9.39968 9.593 9.817V9.817Z" fill="#2D95F0"/>
     </svg>
+    <svg xmlns="http://www.w3.org/2000/svg" id="icon-location" viewBox="0 0 24 24" fill="none" stroke="#1F272E" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map-pin">
+        <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
+        <circle cx="12" cy="10" r="3"></circle>
+    </svg>
 </svg>