fix: jobs ui

school/public/css/style.css

@@ -63,9 +63,8 @@ input[type=checkbox] {
   text-align: center;
   letter-spacing: 0.011em;
   text-transform: uppercase;
-  color: #2C5477;
   font-weight: bold;
-  box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);
+  box-shadow: var(--shadow-base);
 }
 
 .dark-pills {
@@ -119,9 +118,7 @@ input[type=checkbox] {
 
 .card-heading {
   font-weight: 600;
-  font-size: 1.5rem;
-  line-height: 156%;
-  letter-spacing: -0.014em;
+  font-size: var(--text-3xl);
   color: var(--text-color-dark);
 }
 
@@ -1478,20 +1475,20 @@ pre {
 
 .job-card {
   display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding-right: 1rem;
-}
-
-.job-card-info {
-  padding: 2rem 1rem 1rem;
-}
-
-.job-description-section {
   padding: 1rem;
 }
 
+.job-card-info {
+  padding: 0 1.5rem;
+  flex: 1;
+}
+
 .company-logo {
-  background-position: left;
+  background-position: center;
   background-size: 88px;
 }
+
+.job-card-parent {
+  display: grid;
+  row-gap: 1rem;
+}