diff --git a/src/css/templates/stack.scss b/src/css/templates/stack.scss index 5f7ce9042..2d162c55b 100644 --- a/src/css/templates/stack.scss +++ b/src/css/templates/stack.scss @@ -34,9 +34,16 @@ All rights reserved. } } - td.name p { + td.name a { + color: $color-text; display: inline; font-size: $font-size-normal; + text-decoration: none; + + &:hover { + color: $color-active-hover; + text-decoration: underline; + } } td.action { diff --git a/src/scripts/controllers/stack_controller.coffee b/src/scripts/controllers/stack_controller.coffee index 118c33345..541b8974a 100644 --- a/src/scripts/controllers/stack_controller.coffee +++ b/src/scripts/controllers/stack_controller.coffee @@ -37,7 +37,7 @@ module.exports = class StackController extends BaseController onDidRender: -> @$action = @$('.action') @$image = @$('.icon img') - @$nameField = @$('.name p') + @$nameLink = @$('.name a') @$quantityField = @$('.quantity p') @$removeButton = @$('button.remove') super @@ -46,7 +46,8 @@ module.exports = class StackController extends BaseController display = @modPack.findItemDisplay @model.slug @_imageLoader.load display.iconUrl, @$image - @$nameField.html display.itemName + @$nameLink.html display.itemName + @$nameLink.attr 'href', display.itemUrl @$quantityField.html @model.quantity @$removeButton.css display:(if @editable then 'inherit' else 'none') diff --git a/src/templates/stack.jade b/src/templates/stack.jade index 594b2c1bd..ef8399d1c 100644 --- a/src/templates/stack.jade +++ b/src/templates/stack.jade @@ -8,6 +8,6 @@ tr.view__stack td.quantity: p td.icon: img(src='') - td.name(width='*'): p + td.name(width='*'): a td.action button.remove