diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css index d27c3e41c7498a6aff4b66287c79e99c3eef8af7..679e36d1bfc55bcffa6d4a4b6ddb6525ff152b57 100644 --- a/src/main/resources/static/css/style.css +++ b/src/main/resources/static/css/style.css @@ -565,7 +565,16 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa } .notification { - font-size: 2.5vmin; + font-size: 3.5vmin; + } + + .notification i { + font-size: 4.3vmin; + } + + .notification-clear i, + .hint-clear i { + font-size: 4vmin; } } diff --git a/src/main/resources/templates/helpers/header.ftl b/src/main/resources/templates/helpers/header.ftl index e70186b2726c8fbd26091037937e984649f17879..f29ce4c2b3c2c89c1a60715f89ec60fde76a268a 100644 --- a/src/main/resources/templates/helpers/header.ftl +++ b/src/main/resources/templates/helpers/header.ftl @@ -79,12 +79,10 @@ <div class="col s12 center-align"> <div class="notification-wrapper"> <div class="notification ${notification.getBackgroundColor()} ${notification.getTextColor()}"> - <div class="valign-wrapper"> - <#if notification.getIcon()??> - <i class="${notification.getIcon()} notification-item"></i> - </#if> - <span class="notification-item">${notification.getMessage()}</span> - </div> + <#if notification.getIcon()??> + <i class="${notification.getIcon()} notification-item"></i> + </#if> + <span class="notification-item">${notification.getMessage()}</span> <a class="notification-item notification-clear ${notification.getTextColor()}" data-id="notification-${notification?index}"> <i class="material-icons">clear</i> </a> @@ -104,16 +102,14 @@ <div class="col s12 center-align"> <div class="notification-wrapper"> <div class="notification notification-border text-default"> - <div class="valign-wrapper"> - <#if actionUrl?has_content> - <a href="<@s.url actionUrl/>" class="text-default"> - </#if> - <i class="${icon} notification-item"></i> - <span class="notification-item left-align">${locale.getString(hint.getLocalizationKey())}</span> - <#if actionUrl?has_content> - </a> - </#if> - </div> + <i class="${icon} notification-item"></i> + <#if actionUrl?has_content> + <a href="<@s.url actionUrl/>" class="text-default"> + </#if> + <span class="notification-item left-align">${locale.getString(hint.getLocalizationKey())}</span> + <#if actionUrl?has_content> + </a> + </#if> <a class="notification-item hint-clear text-default" data-url="<@s.url "/hints/dismiss/" + hint.getID()/>" data-id="hint-${hint.getID()}"> <i class="material-icons">clear</i> </a>