From 8e1a51731a9e02d50bc4c1d6ff636df5ab31966c Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Tue, 7 Apr 2015 12:27:39 +0200
Subject: [PATCH] apps mgmt: style experimental apps section, small design
 fixes

---
 settings/css/settings.css   | 12 ++++++++++++
 settings/templates/apps.php | 18 +++++++++---------
 2 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/settings/css/settings.css b/settings/css/settings.css
index 999a7f9ea4a..a9c0615885a 100644
--- a/settings/css/settings.css
+++ b/settings/css/settings.css
@@ -231,6 +231,14 @@ span.version {
 	border-color: #ce3702;
 	color: #fff;
 }
+.apps-experimental {
+	color: #ce3702;
+}
+
+.app-score {
+	position: relative;
+	top: 4px;
+}
 
 #apps-list {
 	position: relative;
@@ -289,6 +297,10 @@ span.version {
 #app-category-1 {
 	border-bottom: 1px solid #e8e8e8;
 }
+/* capitalize "Other" category */
+#app-category-925 {
+	text-transform: capitalize;
+}
 
 .app-dependencies {
 	margin-top: 10px;
diff --git a/settings/templates/apps.php b/settings/templates/apps.php
index 1629a46416d..31de7fa2318 100644
--- a/settings/templates/apps.php
+++ b/settings/templates/apps.php
@@ -41,12 +41,12 @@ script(
 
 <script id="app-template" type="text/x-handlebars">
 	{{#if firstExperimental}}
-		<div style="background-color: lightyellow; border-top:1px solid black; border-bottom:  1px solid black;">
+		<div class="section apps-experimental">
 			<h2><?php p($l->t('Experimental applications ahead')) ?></h2>
 			<p>
 				<?php p($l->t('Experimental apps are not checked for security ' .
-			'issues and are new or known to be unstable and under heavy ' .
-			'development. Installing these can cause data loss or security ' .
+			'issues, new or known to be unstable and under heavy ' .
+			'development. Installing them can cause data loss or security ' .
 			'breaches.')) ?>
 			</p>
 		</div>
@@ -66,12 +66,12 @@ script(
 		{{/if}}
 	</div>
 	{{#if profilepage}}</a>{{/if}}
-	{{#if score}}
-	<div class="app-score">{{{score}}}</div>
-	{{/if}}
 	<div class="app-level">
 		{{{level}}}
 	</div>
+	{{#if score}}
+	<div class="app-score">{{{score}}}</div>
+	{{/if}}
 	<div class="app-detailpage"></div>
 
 	<div class="app-description-container hidden">
@@ -138,14 +138,14 @@ script(
 			<button class="settings-button" data-apps-slide-toggle="#app-settings-content"></button>
 		</div>
 
-		<div id="app-settings-content" style="color: #ce3702">
+		<div id="app-settings-content" class="apps-experimental">
 			<input type="checkbox" id="enable-experimental-apps" <?php if($_['experimentalEnabled']) { print_unescaped('checked="checked"'); }?>>
 			<label for="enable-experimental-apps"><?php p($l->t('Enable experimental apps')) ?></label>
 			<p>
 				<small>
 					<?php p($l->t('Experimental apps are not checked for security ' .
-						'issues and are new or known to be unstable and under heavy ' .
-						'development. Installing these can cause data loss or security ' .
+						'issues, new or known to be unstable and under heavy ' .
+						'development. Installing them can cause data loss or security ' .
 						'breaches.')) ?>
 				</small>
 			</p>
-- 
2.39.5