Yaru: Software Center styling issues

[madsrh]

A three minor styling issues with the new version of Software Center in Cosmic:
These are bug fixes 😉

There's now a Add-ons part of the installed list:

Perhaps just add a light gray background

• Current
• Mockup

When searching for an app, the list is missing bottom border:

Border for updates is too thick:

[madsrh]

@Feichtmeier @clobrano Could you add this? 👍 (ofc not _#cdcdcd_ but the SCSS variable)

.app-listbox-header { background: #cdcdcd; }

[clobrano]

About missing bottom border: the fix would very likely requires a style change. The bottom border is eaten by a negative margin needed to show the applications a a continuous list of rows, while it is actually a list of boxes with a separator in between, that you can easily see it between builder and chromium in below picture.

I am trying to make the separator invisible

[clobrano]

@madsrh what do you think about this?

[madsrh]

That is a solution 👍
I think that the current master is less cluttered because all thoughs lines - look kind of messy here. So +1 if the single line isn't possible 😄

[clobrano]

I made it :D

Could you try the PR for the add-ons header? My software center does not show it
Finally, I shall wait for updates to fix the last part :D

[clobrano]

@madsrh the app-list-box-header is used also in this header

[madsrh]

@clobrano Yes, it should have the gray background too. That will look good.

[clobrano]

[madsrh]

Uhh, that default font-size 🤢 Surprises me every time.

Anyway, +1 LGTM

[madsrh]

Closed by https://github.com/ubuntu/yaru/pull/902