[Bug]: mobile view of settings > system out of boxes

[Dennis1993]

⚠️ This issue respects the following points: ⚠️

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

Bug description

If I open the Settings page as an Admin and go to System tab, the boxes in the screenshot are not breaks in a new line. I think it would be better to set every box to 100% without floating (only on desktop)

Steps to reproduce

1. go to settings > system
2. see wrong aligned boxes

Expected behavior

Every box should be in a single line

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 to a major version (ex. 22.2.3 to 23.0.1)

Are you using the Nextcloud Server Encryption module?

Encryption is Enabled

What user-backends are you using?

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

Configuration report

No response

List of activated Apps

Not useful

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! 👍

[joshtrichards]

Possibly related: #320 and #195.