styling changes to timeline

[wadeking98]

Resolves: #152
Added styling to timeline
Fixed word wrap
Changed "Show Expired" wording

[swcurran]

Happy to see this promoted -- good stuff! I do have a couple of other changes that are needed, probably requiring a new PR. Please open a new issue or two to address these -- or let me know if I should. Add comments below on this PR if you want.

• The (i) popup on "Show Inactive Credentials" is about "expired credentials". The text needs to be updated. This is a must have.
  • Current Text: Expired credential: An expired credential is one that has an expiry date before the current date, or has been revoked by the credential issuer.
  • Suggestion: Inactive Credentials: Inactive credentials are ones that were issued at some point and then later replaced by an updated credential of the same type. The dates during which the credential was active are displayed and there is a relationship to the currently active credential. Note that an active credential may have multiple related inactive credentials. For example, an organization that has had several name changes would have multiple registration credentials for the periods it operated under each name.
• I think we should change the date range presentation on the timeline to be more explicit, so it is very clear it is a range:
  • From: <date> to <date | Present>[: <reason>]
  • Examples from below:
    • From Mar 16, 2011 to Present
    • From Mar 16, 2011 to Dec 02, 2011: Credential replaced