diff --git a/library/Businessprocess/Web/Component/RenderedProcessActionBar.php b/library/Businessprocess/Web/Component/RenderedProcessActionBar.php index 996b1f4..abbe410 100644 --- a/library/Businessprocess/Web/Component/RenderedProcessActionBar.php +++ b/library/Businessprocess/Web/Component/RenderedProcessActionBar.php @@ -91,9 +91,9 @@ class RenderedProcessActionBar extends ActionBar [ 'href' => $url->with('action', 'add'), 'title' => mt('businessprocess', 'Add a new business process node'), - 'class' => 'icon-plus' + 'class' => 'icon-plus button-link' ], - mt('businessprocess', 'Add') + mt('businessprocess', 'Add Process') )); } } diff --git a/public/css/module.less b/public/css/module.less index 5fe5f5d..9014059 100644 --- a/public/css/module.less +++ b/public/css/module.less @@ -6,13 +6,35 @@ a:focus { } } -.action-bar a { - font-size: 1.3em; - color: @icinga-blue; - &:hover::before { - text-decoration: none; +.action-bar { + display: flex; + align-items: center; + + a { + font-size: 1.3em; + color: @icinga-blue; + + &:hover::before { + text-decoration: none; + } + + &:not(:last-child) { + margin-right: 1em; + } + + &.button-link { + color: white; + background: @icinga-blue; + + &:active, &:focus { + text-decoration: none; + } + + &:last-child { + margin-left: auto; + } + } } - margin-right: 1em; } form a {