UI: Layout adjustments to category_list components.

src/templates/mixins/components.pug

@@ -1,9 +1,9 @@
 //- Category listing (Learn, Libraries, etc).
 //- Header
 mixin category_list_header(title, text)
-	.row.pt-2
+	.row.pt-2.pb-3.mb-4.border-bottom&attributes(attributes)
 		.col-md-9
-			h1.py-2.text-uppercase.font-weight-bold
+			h1.py-2.font-weight-bold
 				=title
 
 			.lead
@@ -12,20 +12,22 @@ mixin category_list_header(title, text)
 			if block
 				block
 
-	hr.my-4
-
 //- List Item
-mixin category_list_item(title, text, url, image)
+mixin category_list_item(title, text, url, image, image_link_url)
-	.row.pb-2.my-2
+	.row.pb-2.my-2&attributes(attributes)
-		.col-md-3
+		.col-md-8
 			a(href=url, title=title)
-				img.img-fluid.rounded(alt=title, src=image)
+				h3.font-weight-bold.text-muted
-		.col-md-9
-			a(href=url, title=title)
-				h3.font-weight-bold
 					=title
 			.lead
 				=text
 
 			if block
 				block
+
+		.col-md-4
+			if image_link_url
+				- var url = image_link_url
+
+			a(href=url, title=title)
+				img.img-fluid.rounded(alt=title, src=image)