From 45322a7c713501bb083171b927d44e54e1c9a2f0 Mon Sep 17 00:00:00 2001
From: kalvn <kalvn@pm.me>
Date: Wed, 10 Feb 2021 14:24:43 +0100
Subject: [PATCH] Updates changelog for v0.12.1 and slightly adapts
 notifications.

---
 CHANGELOG.md                           | 3 ++-
 src/scss/components/_notification.scss | 8 ++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index aa769a3..ad128b4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,7 +5,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
 
-## v0.12.1
+## [v0.12.1](https://github.com/kalvn/Shaarli-Material/releases/tag/v0.12.1) - 2021-02-10
 ### Added
 - Support for Shaarli v0.12.1.
 - Async metadata loading when adding a new link.
@@ -20,6 +20,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 - Replaced the QR Code JS library from [qrcodejs](https://davidshimjs.github.io/qrcodejs/) to [qrcode](https://github.com/soldair/node-qrcode).
 - Improved overall localization.
 - Build system from Gulp to Rollup.
+- Redesign of error/warning/success notifications (after saving configuration for example).
 
 ### Fixed
 - Page unique identification.
diff --git a/src/scss/components/_notification.scss b/src/scss/components/_notification.scss
index 81a6ebf..46538c0 100644
--- a/src/scss/components/_notification.scss
+++ b/src/scss/components/_notification.scss
@@ -1,5 +1,8 @@
 .notifications {
   position: fixed;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
   bottom: $space-l;
   right: $space-l;
   max-width: 400px;
@@ -8,6 +11,7 @@
   @media (max-width: 450px) {
     left: $space-s;
     right: $space-s;
+    bottom: $space-s;
   }
 
   .notification:not(:last-child) {
@@ -20,8 +24,8 @@
   @extend .animate-slide-from-right;
 
   position: relative;
-  padding: $space-m;
-  padding-right: $space-l;
+  padding: $space-l;
+  padding-right: $space-xl;
 
   border-radius: $radius;
   background-color: $color-gray-100;