fix: section lines added according to Fiori 3

[rengare]

Related Issue

Closes #461

Description

• Order of css classes has been changed
• New border bottom rule added for product switch item in mobile view

Screenshots

Before:

After:

[claassistantio]

All committers have signed the CLA.

[claassistantio]

Thank you for your submission, we really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.

---

Gracjan Gorecki seems not to be a GitHub user. You need a GitHub account to be able to sign the CLA. If you have already a GitHub account, please add the email address used for this commit to your account.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[netlify]

Deploy preview for fundamental-styles ready!

Built with commit 0972438

https://deploy-preview-488--fundamental-styles.netlify.com

[InnaAtanasova]

This is not exactly fixing the issue. When the item is selected you can clearly see the white "padding" on top, left and right. Not sure it's broken now or from another PR, but the ... has a white background when the item is selected

[stefanoScalzo]

This is not exactly fixing the issue. When the item is selected you can clearly see the white "padding" on top, left and right. Not sure it's broken now or from another PR, but the ... has a white background when the item is selected

I agree with Inna! try and add it to the paddings instead of the margins

[rengare]

@InnaAtanasova PR was updated, I have fixed few things and resolved conflicts with master

[InnaAtanasova]

Everything is perfect (Great job fixing the issue with the little white line between the border and the background!!!!). There's a small issue on hover:

P.S. For some reason it doesn't show for each element. Check Strategic Procurement, Human Capital Management, Service Cloud, etc.

[rengare]

Everything is perfect (Great job fixing the issue with the little white line between the border and the background!!!!). There's a small issue on hover:

P.S. For some reason it doesn't show for each element. Check Strategic Procurement, Human Capital Management, Service Cloud, etc.

Fixed