Layout tweaks to Dyeworks in Item Getting Guide

There's more and more going on in here! Let's omit the base item name,
increase the table width a bit in this case, and tweak the rest a bit
while we're here.

app/assets/stylesheets/items/sources.sass

@@ -116,6 +116,9 @@
 			text-decoration-line: underline
 			text-decoration-style: dotted
 
+	&[data-complexity="high"]
+		width: 70%
+
 	/* For wearable items that belong to a specific set that all come together,
 	 * like a Paint Brush. */
 	&[data-group-type="bundle"]

app/views/items/sources.html.haml

@@ -46,7 +46,7 @@
 
 		[dyeworks]: https://www.neopets.com/mall/dyeworks/
 
-	%table.item-list
+	%table.item-list{"data-complexity": "high"}
 		%thead
 			%tr
 				%td.thumbnail-cell
@@ -74,31 +74,31 @@
 					- base_item = item.dyeworks_base_item
 
 					- content_for :subtitle, flush: true do
-						#{link_to base_item.name, base_item, target: "_blank"},
+						= link_to base_item, target: "_blank" do
-						#{probability item.dyeworks_odds} chance
+							#{probability item.dyeworks_odds} chance
-						- if item.dyeworks_permanent?
+							- if item.dyeworks_permanent?
-							%span.dyeworks-timeframe{
+								%span.dyeworks-timeframe{
-								title: "This recipe is NOT currently scheduled to be removed " +
+									title: "This recipe is NOT currently scheduled to be removed " +
-									"from Dyeworks. It might not stay forever, but it's also " +
+										"from Dyeworks. It might not stay forever, but it's also " +
-									"not part of a known limited-time event, like most " +
+										"not part of a known limited-time event, like most " +
-									"Dyeworks items are. (Thanks Owls team!)"
+										"Dyeworks items are. (Thanks Owls team!)"
-							}
+								}
-								(Permanent)
+									(Always available)
-						- elsif item.dyeworks_limited_final_date.present?
+							- elsif item.dyeworks_limited_final_date.present?
-							%span.dyeworks-timeframe{
+								%span.dyeworks-timeframe{
-								title: "This recipe is part of a limited-time Dyeworks " +
+									title: "This recipe is part of a limited-time Dyeworks " +
-									"event. The last day you can dye this is " +
+										"event. The last day you can dye this is " +
-									"#{item.dyeworks_limited_final_date.to_fs(:month_and_day)}. " +
+										"#{item.dyeworks_limited_final_date.to_fs(:long)}. " +
-									"(Thanks Owls team!)"
+										"(Thanks Owls team!)"
-							}
+								}
-								(Thru #{item.dyeworks_limited_final_date.to_fs(:month_and_day)})
+									(Limited-time: #{item.dyeworks_limited_final_date.to_fs(:month_and_day)})
-						- elsif item.dyeworks_limited?
+							- elsif item.dyeworks_limited?
-							%span.dyeworks-timeframe{
+								%span.dyeworks-timeframe{
-								title: "This recipe is part of a limited-time Dyeworks " +
+									title: "This recipe is part of a limited-time Dyeworks " +
-									"event, and is scheduled to be removed from the NC Mall " + 
+										"event, and is scheduled to be removed from the NC Mall " + 
-									"soon. (Thanks Owls team!)"
+										"soon. (Thanks Owls team!)"
-							}
+								}
-								(Limited-time)
+									(Limited-time)
 
 					%button{onclick: "alert('Todo!')"}
 						= cart_icon alt: ""