Unorderd lists needs CSS fix for mobile view (FAQ page)

[schlos]

Describe the bug

Unorderd lists needs CSS fix for mobile view (see screenshot).

To Reproduce Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior

Alignment and margins for all bullets should be the same on mobile like on desktop.

Screenshots

Current problem on mobile:

Current expected on desktop (same should be applied to mobile): https://snippyly.com/img/?q=hNfQHvTv0DkDhSTMUv9n

Desktop (please complete the following information):

• OS: [e.g. Windows]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

This bug is related to fix done on #134 (which fixed it for desktop).

Possible culprit is base.scss:1042 (applied on <ul>):

.two-col-left *:not(:first-child) {
    padding: 0 1.5rem 0 1.5rem;
}

[schlos]

How to contribute? Read our contribution guidelines at https://codeforcroatia.org/popravito-contribution-guidelines.

[znmustic]

Preuzimam

[schlos]

Done by Zdenka. Needs testing before closing this issue.