From cb5435dacd1a31488336e1c8084594250d8b902f Mon Sep 17 00:00:00 2001 From: Sunil Mohan Adapa Date: Sat, 19 Oct 2024 09:40:20 -0700 Subject: [PATCH] ui: Increase the width of app and system listings - Increase the width of the containers that hold home cards, app cards, system cards, and help cards. This helps in: - Showing system page layout better with wider cards for each item. - Showing more apps in the app page. This does not decrease the readability in the same way that increasing the size of the paragraph does beyond a certain point. - Also increase the width of the navbar to make it appear consistent. - Other containers such as content container remain at the same width. Increasing this width would make a reading a paragraph harder. - Behavior is mobile layouts is unchanged. Tests: - Test that apps, system, home and help views show cards in a wider layout. - Success/error messages shown in apps, system, home and help views are narrow and are not effected. - In home and help:index pages (reached when clicking help icon without JS), the icons are wide but the content is narrow. - Individual app pages, confirmation pages, and help pages remain at the older width. Signed-off-by: Sunil Mohan Adapa Reviewed-by: James Valleroy --- static/themes/default/css/main.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/static/themes/default/css/main.css b/static/themes/default/css/main.css index 7b175a03a..e14cf6429 100644 --- a/static/themes/default/css/main.css +++ b/static/themes/default/css/main.css @@ -313,10 +313,12 @@ html { } .container { - max-width: 1000px; + /* Same width as container-xxl in Bootstrap 5 */ + max-width: 1320px; } .content-container { + max-width: 1000px; margin-bottom: 1.25rem; }