From e169bb06363a81054aa8ecba59bad88e734501c9 Mon Sep 17 00:00:00 2001 From: Felix Epp Date: Sat, 10 Sep 2016 17:01:24 +0200 Subject: Limit to apps list, add proper flex attributes Let app-name headline break, increase padding on the right for more visual clearance. Make experimental header full width Signed-off-by: Felix A. Epp --- settings/css/settings.css | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) (limited to 'settings') diff --git a/settings/css/settings.css b/settings/css/settings.css index 7bd71e5df1f..fa8c20a70db 100644 --- a/settings/css/settings.css +++ b/settings/css/settings.css @@ -384,14 +384,21 @@ span.version { position: relative; height: 100%; display: flex; - flex-flow: row wrap; + flex-wrap: wrap; + align-content: flex-start; } -.section { +#apps-list .section { position: relative; - width: 300px; + flex: 1 0 330px; + margin: 0; + padding-right: 50px; +} +#apps-list .section.apps-experimental { + flex-basis: 90%; } .section h2.app-name { margin-bottom: 8px; + display: inline; } .followupsection { display: block; -- cgit v1.2.3