p-card control's line-height style causes inconsistent heights with internal controls

[AlejandroFlorin]

There is no guarantee in receiving an immediate response in GitHub Issue Tracker, If you'd like to secure our response, you may consider PrimeNG PRO Support where support is provided within 4 business hours

I'm submitting a ... (check one with "x")

[x ] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primeng/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=35

Plunkr Case (Bug Reports)
Unfortunately the plunker project doesn't support p-card so I cannot create one

Current behavior
If you place various input controls inside a p-card, like p-dropdown, and pInputText, their heights change when compared to outside of a p-card. The cause is the p-card's .ui-card-content line-height=1.5 style. The p-dropdown especially displays differently depending on whether its editable property is true or false.

The workaround was to override the style as follows:

.ui-card-content {
line-height: normal;
}

Expected behavior
Input controls placed inside and outside of a p-card should have identical layout.

Minimal reproduction of the problem with instructions

Place a textbox, p-dropdown (editable =true) and another p-dropdown (editable=false) both inside and outside a p-card container and examine the heights

What is the motivation / use case for changing the behavior?

Please tell us about your environment:
Windows 10, Visual Studio 2017

• Angular version: 5.2.1

• PrimeNG version: 5.2.0-rc.1

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
  All

• Language: [all | TypeScript X.X | ES6/7 | ES5]
  All

• Node (for AoT issues): node --version =