<div
	class="card-deck {{deckCtrl.type}}"
	ng-class=""
	ng-click="deckCtrl.type !== 'discard' && deckCtrl.onClick()"
	ng-attr-ng-drop="{{deckCtrl.type === 'discard' ? true : false}}"
	ng-drop-success="deckCtrl.onDropComplete($data, $event)"
	>
		<div ng-show="deck.cards.length" class="card"></div>
	</div>

<div
	class="deck"
	ng-attr-ng-drop="{{deckCtrl.type === 'discard' ? true : false}}"
	ng-drop-success="deckCtrl.onDropComplete($data, $event)"
>
	<a
		class="card"
		href="#"
		role="button"
		ng-class="{ disabled: deckCtrl.isDisabled() }"
		ng-click="!deckCtrl.isDisabled() && deckCtrl.onClick()"
		ng-show="deck.cards.length"
	>
	</a>
</div>

Change deck 'card' to use <a> instead of <div> so it can be disabled
Change deck 'card' to use <a> instead of <div> so it can be disabled
