HW-379: Fixed minor css issue for dashlet

[mukeshcompucorp]

Before:

After:

[colemanw]

I can't really tell the difference with the arrow - is it just that the point is now slightly rounded? That's a lot of extra markup for such a subtle effect. Is the css arrow class something standard in bootstrap? Otherwise we probably ought to prefix it. In general we should avoid making very generic class names to avoid conflicts with the cms theme, etc.

[mukeshcompucorp]

@colemanw yes, this is something we need to add,
see https://github.com/civicrm/org.civicrm.civicase/pull/82/files#diff-9033655017b6c074bdd78d6eb6f1a3a6R7 This part is also essential here to have arrow color properly as per activity.case.status.color which we can not give in :after pseudo element.
Also, from previous solution simply adding border-radius does not work.
Though, if we need we can change that class to something like case-arrow if that makes it less conflict with cms

[colemanw]

I prefer the simplicity of the previous css using :after but if you want to define a new element let's do it properly. Give it a name like civicase-crayon-tip and define it in its own right (there's no need for the specificity of .act-feed-item a.act-case-info span:first-child since a generic css element ought to work anywhere not just in that one place.