diff --git a/application/views/scripts/show/index.phtml b/application/views/scripts/show/index.phtml index 5209934..8278ae4 100644 --- a/application/views/scripts/show/index.phtml +++ b/application/views/scripts/show/index.phtml @@ -10,13 +10,10 @@ if (! $this->compact):
-
- translate('Last update') ?> - timeAgo($tree->getFetchTime()) ?> -
badges($tree->getStatus(), false, true) ?>

getMeta('name') ?>

partial('show/actions.phtml', $this) ?> +
timeAgo($tree->getFetchTime()) ?>
getChildren() as $topTile): ?> diff --git a/application/views/scripts/show/tree.phtml b/application/views/scripts/show/tree.phtml index c13e062..52e4f80 100644 --- a/application/views/scripts/show/tree.phtml +++ b/application/views/scripts/show/tree.phtml @@ -12,13 +12,10 @@ if (! $this->compact):
-
- translate('Last update') ?> - timeAgo($tree->getFetchTime()) ?> -
badges($tree->getStatus(), false, true) ?>

getMeta('name') ?>

partial('show/actions.phtml', $this) ?> +
timeAgo($tree->getFetchTime()) ?>
breadcrumb($node->getBreadCrumb(), $view->getName()) ?> tree($node) ?> diff --git a/public/css/module.less b/public/css/module.less index d38662b..f4eca15 100644 --- a/public/css/module.less +++ b/public/css/module.less @@ -44,17 +44,18 @@ } // see Icinga Web 2: public/css/icinga/base.less +//@import '../../vendor/icingaweb2/public/css/icinga/base.less'; @tlv-color-critical-bg: @color-critical; @tlv-color-critical-fg: white; -@tlv-color-critical-handled-bg: @color-critical-handled; +@tlv-color-critical-handled-bg: #FFCCBC; // Material Design Deep Orange 100 @tlv-color-critical-handled-fg: #6d4148; @tlv-color-warning-bg: @color-warning; @tlv-color-warning-fg: #6d572b; -@tlv-color-warning-handled-bg: @color-warning-handled; +@tlv-color-warning-handled-bg: #FFF9C4; // Material Design Yellow 100 @tlv-color-warning-handled-fg: #6d572b; @tlv-color-unknown-bg: @color-unknown; @tlv-color-unknown-fg: white; -@tlv-color-unknown-handled-bg: @color-unknown-handled; +@tlv-color-unknown-handled-bg: #E1BEE7; // Material Design Purple 100 @tlv-color-unknown-handled-fg: #57326d; @tlv-color-ok-bg: @color-ok; @tlv-color-ok-fg: white; @@ -165,26 +166,30 @@ .tlv-header { position: relative; - height: 4em; + line-height: 2em; + height: 2em; h1 { + display: inline-block; border: none; - margin: 0; + margin: 0 0.5em 0 0; } .last-refresh { - position: absolute; - - right: 0; - top: 0; - + display: inline-block; font-weight: bold; + margin: 0 0.5em; + } + + .action-links { + display: inline-block; + margin: 0 0.5em; } .badges { + display: inline-block; position: absolute; right: 0; - top: 1.6em; font-size: 1.2em; @@ -204,8 +209,8 @@ height: 100%; - margin-top: -4em; - padding-top: 4em; + margin-top: -2em; + padding-top: 2em; .tlv-tiles { display: flex;