Style app bundles

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>

1 files changed, 23 insertions, 8 deletions

diff --git a/settings/css/settings.css b/settings/css/settings.css
index d22a729e724..b75b4298aee 100644
--- a/settings/css/settings.css
+++ b/settings/css/settings.css
@@ -520,18 +520,28 @@ input.userFilter {width: 200px;}
 /* APPS */
 
 /* Bundle header */
-#apps-list > h2 {
-	display: block;
-	width: 100%;
-	margin-top: 50px;
-	margin-left: 50px;
-	font-weight: 600;
+#apps-list .apps-header {
+	display: table-row;
+	position: relative;
+}
+#apps-list .apps-header div {
+	display: table-cell;
+	height: 50px;
 }
-#apps-list > h2 .enable {
+#apps-list .apps-header h2 {
+	display: table-cell;
+	position: absolute;
+	bottom: 0;
+	padding-left: 6px;
+}
+#apps-list .apps-header h2 .enable {
 	position: relative;
 	top: -1px;
 	margin-left: 12px;
 }
+#apps-list .apps-header h2 + .section {
+	margin-top: 50px;
+}
 
 #app-content > svg.app-filter {
 	float: left;
@@ -539,7 +549,7 @@ input.userFilter {width: 200px;}
 	width: 0;
 }
 
-#app-category-disabled {
+#app-category-app-bundles {
 	margin-bottom: 20px;
 }
 
@@ -572,6 +582,10 @@ span.version {
 	border-radius: 3px;
 	padding: 3px 6px;
 }
+.app-level a {
+	padding: 10px;
+	white-space: nowrap;
+}
 .app-level .official {
 	border-color: #37ce02;
 	background-position: left center;
@@ -751,6 +765,7 @@ form.section {
 	display: table;
 	width: 100%;
 	height: auto;
+	margin-bottom: 100px;
 }
 
 #apps-list.installed .section {