[Bug]: mobile view in settings > system broken

[Dennis1993]

⚠️ This issue respects the following points: ⚠️

• This is a bug, not a question or a configuration/webserver/proxy issue.
• This issue is not already reported on Github (I've searched it).
• Nextcloud Server is up to date. See Maintenance and Release Schedule for supported versions.
• I agree to follow Nextcloud's Code of Conduct.

Bug description

The boxes on the page settings > system is not correct on mobile devices

Steps to reproduce

1. open settings > system with an iPhone
2. the boxes are not correct formated

Expected behavior

The boxes uses the full width and not 50% of the page

Installation method

Manual installation

Operating system

Debian/Ubuntu

PHP engine version

PHP 8.0

Web server

Apache (supported)

Database engine version

MariaDB

Is this bug present after an update or on a fresh install?

Updated from a minor version (ex. 22.2.3 to 22.2.4)

Are you using the Nextcloud Server Encryption module?

Encryption is Enabled

What user-backends are you using?

• Default user-backend (database)
• LDAP/ Active Directory
• SSO - SAML
• Other

Configuration report

No response

List of activated Apps

Default with LDAP, Deck and Talk activated

Nextcloud Signing status

No response

Nextcloud Logs

No response

Additional info

No response

[szaimen]

Possible css fix:

@media only screen and (max-width: 700px) {
    .col-4, .col-6 {
        flex-basis: 50%;
    	max-width: 50%;
    	min-width: 50%;
        
    }
}

@media only screen and (max-width: 500px) {
    .col-4, .col-6 {
        flex-basis: 100%;
    	max-width: 100%;
    	min-width: 100%;
    }
}

.chart-container canvas {
    max-height:400px;
}

[Dennis1993]

Thank you, I've created a pull request! 👍

[Dennis1993]

Duplicate of #385