adjust styling of missing dependencies in apps management

diff --git a/settings/css/settings.css b/settings/css/settings.css
index 4594a22c6d01c52fbd06b28a6eb3361b6e66fd1a..5cd9207fd6fdf54b2a790c0cd7a4b42e819708bf 100644 (file)
--- a/settings/css/settings.css
+++ b/settings/css/settings.css
@@ -200,6 +200,11 @@ span.version { margin-left:1em; margin-right:1em; color:#555; }
        border-bottom: 1px solid #e8e8e8;
 }
 
+.app-dependencies {
+       margin-top: 10px;
+       color: #c33;
+}
+
 .missing-dependencies {
        list-style: initial;
        list-style-type: initial;

diff --git a/settings/templates/apps.php b/settings/templates/apps.php
index 3bb0d45f582ee4a017b57cb62bbc47a1b7dc8d4b..48fe0f5a9c98758a03951f23d52256dd55e4ada5 100644 (file)
--- a/settings/templates/apps.php
+++ b/settings/templates/apps.php
@@ -52,12 +52,14 @@
        </p>
        {{/if}}
        {{#unless canInstall}}
-       <div><?php p($l->t('This app cannot be installed because the following dependencies are not fulfilled:')); ?></div>
+       <div class="app-dependencies">
+       <p><?php p($l->t('This app cannot be installed because the following dependencies are not fulfilled:')); ?></p>
        <ul class="missing-dependencies">
        {{#each missingDependencies}}
        <li>{{this}}</li>
        {{/each}}
        </ul>
+       </div>
        {{/unless}}
 
        {{#if update}}
@@ -70,9 +72,7 @@
        <br />
        <input type="hidden" id="group_select" title="<?php p($l->t('All')); ?>" style="width: 200px">
        {{else}}
-       {{#if canInstall}}
-       <input class="enable" type="submit" data-appid="{{id}}" data-active="false" value="<?php p($l->t("Enable"));?>"/>
-       {{/if}}
+       <input class="enable" type="submit" data-appid="{{id}}" data-active="false" {{#unless canInstall}}disabled="disabled"{{/unless}} value="<?php p($l->t("Enable"));?>"/>
        {{/if}}
        {{#if canUnInstall}}
        <input class="uninstall" type="submit" value="<?php p($l->t('Uninstall App')); ?>" data-appid="{{id}}" />