Style adjustments for documents and media info panel in content dashboard

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: Master
• Fix Version/s: 7.4.13 DXP GA1, 7.4.3.5 CE GA5, 7.4.13 DXP U1, Master
• Component/s: Content Dashboard
• Labels:
  • backend_test
  • frontend
  • tango-board-in
• Fix Priority: 1
• Sprint: TANGO | #66 DEV | Aug27-Sep17, TANGO | #67 DEV | Sep20-Oct08
• Git Pull Request: https://github.com/liferay-tango/liferay-portal/pull/1581
• Bug Type: UX / Visual - Desktop

Requirements

• Have documents or web contents
• Connect with Analytics Cloud
• Create some global categories
• Assign categories to documents or web contents

Step-by-Step:

1. Go to applications menu
2. Go to content dashboard
3. hover over a document or web content
4. Click on the info icon or in the elipsis button and then in Info
5. The info panel is displayed

Actual result:

1. In the header the name and the times icon are not centered aligned - (use 8px negative margin for the button?)
2. categories and tags are not shown with the regular label (large prop in Clay). [This also happens for the web content info panel.]
3. the colour of the data for creation date, modified date and ID is not #secondary (#6B6C7E). [This also happens for the web content info panel.]
4. vertical space is the way it was designed but I think that by reducing it the visual interface can improve (marked as orange in the panel)
   

1. Expected:
2. In the header the name and the times icon are centered aligned
3. categories and tags are shown with the regular label
4. the colour of the data for creation date, modified date and ID is #secondary (#6B6C7E)
5. vertical space is the way it was designed but I think that by reducing it the visual interface can improve, we can try with 8px between elements (instead of 16px) (marked as orange in the panel)
6. 

Environment: master (Liferay DXP)

*Commit: * 96b19e314abcd1612ae3ad584f975712c3add94b

Evidence: