Fix visibility for shown entities on device card (2)

[ildar170975]

Breaking change

Proposed change

Further improvements after #22579:

1. Currently entity rows do not look like Entities card - rows are vertically "squeezed":
   

2. Vertical spacing between the last row & "Show more/less button" is too much:
   
   The difference clearly visible here:
   

3. Vertical spacing between enabled & disabled entities:
   

After the fix:

---

Unrelated:
Imho these lines may be removed:

      .entity-id {
        color: var(--secondary-text-color);
      }
      .buttons {
        text-align: right;
        margin: 0 0 0 8px;
      }
      ...
      #entities > paper-icon-item {
        margin: 0;
      }
      paper-icon-item {
        min-height: 40px;
        padding: 0 16px;
        cursor: pointer;
        --paper-item-icon-width: 48px;
      }

Do not see how they can affect a code...

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Example configuration

Additional information

• This PR fixes or closes issue: fixes #
• This PR is related to issue or discussion:
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io

[wendevlin]

Thank you 🙂