Paystubs Link Styles

Received some feedback from Staff Services that the links to paystubs
were difficult to find. I increased the font size, changed the text and
added an icon to make it stand out.

@mattdrees Can you review and move this into production when you are able?
Interesting point – I didn't know that. On Staff Web, we tend to use My (My
Donations, Edit My Give.Cru.org Profile, etc). We even have "My Paychecks"
on this page.

For now, I say let's leave it, but it's definitely worth looking at moving
forward.

And thanks for jumping on this with Matt out.


---
*Matt Gasior*
User Experience Manager
Digital Strategies, Cru




On Fri, Jul 25, 2014 at 4:55 PM, Ryan Carlson <notifications@github.com>
wrote:

> In js/ng-app-paycheck-history/templates/year-summary.html:
>
> > @@ -3,7 +3,7 @@
> >      <div data-ng-include="'js/ng-app-paycheck-history/templates/loading.html'" data-ng-hide="summaryLoaded"></div>
> >      <div data-ng-show="summaryLoaded">
> >        <h4>{{owner.preferredFirstName}}'s Information</h4>
> > -      <p ng-show="renderLink"><a href="{{paystubLink}}" target="_blank">View Paystubs</a></p>
> > +      <p ng-show="renderLink"><a href="{{paystubLink}}" class="paystubs" target="_blank">View My Paystubs</a></p>
>
> Our lingo on the givesite is "Your" instead of "My". for example "Your
> Account", "Your Recurring Gifts". Should we use "View Your Paystubs" here
> as well for consistency?
>
> —
> Reply to this email directly or view it on GitHub
> <https://github.com/CruGlobal/paycheck-history/pull/3/files#r15424009>.
>