diff options
| -rw-r--r-- | apps/updatenotification/css/admin.css | 20 | ||||
| -rw-r--r-- | apps/updatenotification/js-src/components/root.vue | 2 |
2 files changed, 12 insertions, 10 deletions
diff --git a/apps/updatenotification/css/admin.css b/apps/updatenotification/css/admin.css index 85b919cb06d..714056dadfc 100644 --- a/apps/updatenotification/css/admin.css +++ b/apps/updatenotification/css/admin.css @@ -49,25 +49,27 @@ display: inline-block; } -#updatenotification .toggleWhatsNews { +#updatenotification .toggleWhatsNew { position: relative; } #updatenotification .item-wrapper { display: flex; align-items: flex-start; -} - -#updatenotification .item-wrapper { - display: flex; - align-items: flex-start; + padding-right: 10px; } #updatenotification .item-wrapper p { - margin-bottom: 10px; - margin-left: 0.5em; + margin-bottom: 0; + padding-top: 10px; } #updatenotification .item-wrapper span[class^="icon-"] { - padding: 0 19px 0 0; + padding: 19px 0 19px 22px; + line-height: 38px; +} + +#updatenotification .popovermenu { + margin-top: 5px; + width: 300px; } diff --git a/apps/updatenotification/js-src/components/root.vue b/apps/updatenotification/js-src/components/root.vue index 1f3b91cf6bd..ab9c9fa9e47 100644 --- a/apps/updatenotification/js-src/components/root.vue +++ b/apps/updatenotification/js-src/components/root.vue @@ -40,7 +40,7 @@ <a v-if="updaterEnabled" href="#" class="button" @click="clickUpdaterButton">{{ t('updatenotification', 'Open updater') }}</a> <a v-if="downloadLink" :href="downloadLink" class="button" :class="{ hidden: !updaterEnabled }">{{ t('updatenotification', 'Download now') }}</a> <div class="whatsNew" v-if="whatsNew"> - <div class="toggleWhatsNews"> + <div class="toggleWhatsNew"> <span v-click-outside="hideMenu" @click="toggleMenu">{{ t('updatenotification', 'What\'s new?') }}</span> <div class="popovermenu" :class="{ 'open': openedWhatsNew }"> <popover-menu :menu="whatsNew" /> |