fix(curriculum): align resources items with other items

mdn · Jan 31, 2024 · 6f92d66 · 6f92d66
1 parent 1f937d2
commit 6f92d66
Showing 1 changed file with 18 additions and 15 deletions.
diff --git a/client/src/curriculum/module.scss b/client/src/curriculum/module.scss
@@ -130,24 +130,27 @@
     p.curriculum-resources {
       margin-bottom: 0.5rem;
 
-      + ul > li {
-        list-style-type: none;
-
-        &:not(.external)::before {
-          content: url("../assets/icons/cur-mdn-resource.svg");
-          display: inline-block;
-          height: 1em;
-          margin-right: 0.5rem;
-          width: 1em;
-        }
+      + ul {
+        padding-left: 0.25rem;
+        > li {
+          list-style-type: none;
 
-        &.external {
           &::before {
-            content: url("../assets/icons/cur-ext-resource.svg");
             display: inline-block;
-            height: 1em;
-            margin-right: 0.5rem;
-            width: 1em;
+            height: 1.5rem;
+            margin-right: 0.25rem;
+            width: 1.5rem;
+            vertical-align: bottom;
+          }
+
+          &:not(.external)::before {
+            content: url("../assets/icons/cur-mdn-resource.svg");
+          }
+
+          &.external {
+            &::before {
+              content: url("../assets/icons/cur-ext-resource.svg");
+            }
           }
         }
       }