notify: use iconfont, update colors and increase height a bit

1 files changed, 22 insertions, 17 deletions

diff --git a/themes/night.css b/themes/night.css
index 3ca34f336..27442b9b1 100644
--- a/themes/night.css
+++ b/themes/night.css
@@ -126,37 +126,34 @@ body.ttrss_main a:hover {
   text-decoration: underline;
 }
 body.ttrss_main #notify.visible {
-  transform: translate(0, -35px);
+  transform: translate(0, -45px);
 }
 body.ttrss_main #notify {
-  bottom: -35px;
+  bottom: -45px;
   right: 0px;
-  height: 20px;
+  height: 30px;
   left: 0px;
   border-width: 1px 0px 0px 0px;
   border-style: solid;
   position: fixed;
-  font-size: 12px;
+  font-size: 13px;
   z-index: 99;
-  padding: 5px;
-  box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.1);
+  display: flex;
   transition: all 0.5s ease-in-out;
 }
+body.ttrss_main #notify > * {
+  align-self: center;
+  padding: 4px;
+}
 body.ttrss_main #notify img {
   vertical-align: middle;
-  max-height: 14px;
 }
-body.ttrss_main #notify span.msg {
-  width: 100%;
+body.ttrss_main #notify .msg {
+  flex-grow: 2;
 }
-body.ttrss_main #notify img.close {
+body.ttrss_main #notify .icon-close {
   cursor: pointer;
 }
-body.ttrss_main #notify span {
-  display: table-cell;
-  vertical-align: middle;
-  padding: 2px;
-}
 body.ttrss_main .notify {
   border-color: #d7c47a;
   background-color: #fff7d5;
@@ -169,9 +166,17 @@ body.ttrss_main .notify.notify_info {
   border-color: #257aa7;
   background-color: #d5ebf6;
 }
+body.ttrss_main .notify.notify_info i.icon-notify {
+  color: #257aa7;
+}
 body.ttrss_main .notify.notify_error {
-  background-color: #ffcccc;
-  border-color: #ff0000;
+  background-color: #c00;
+  border-color: #900;
+  color: white;
+}
+body.ttrss_main .notify.notify_error i.icon-notify,
+body.ttrss_main .notify.notify_error i.icon-close {
+  color: white;
 }
 body.ttrss_main .hl {
   border: 0px solid #ddd;