update notifications to make them more visible

cleanup some minor stuff in pref-users

1 files changed, 13 insertions, 12 deletions

diff --git a/css/tt-rss.less b/css/tt-rss.less
index 6bf009997..d6c382dc3 100755
--- a/css/tt-rss.less
+++ b/css/tt-rss.less
@@ -142,26 +142,25 @@ body.ttrss_main {
 	}
 
 	#notify.visible {
-		transform: translate(0, -45px);
+		opacity: 100;
 	}
 
 	#notify {
-		bottom : -45px;
-		right : 0px;
-		height : 30px;
-		left : 0px;
-		border-width : 1px 0px 0px 0px;
+		bottom : 20px;
+		right : 20px;
+		min-width : 200px;
+		max-width : 350px;
+		border-width : 1px;
 		border-style : solid;
 		position : fixed;
-		font-size : 13px;
+		font-size : 14px;
 		z-index : 99;
 		display : flex;
+		opacity: 0;
 		align-items : center;
-		transition: all 0.5s ease-in-out;
-
-		> * {
-			padding : 4px;
-		}
+		padding : 10px;
+		transition: opacity 0.2s linear;
+		box-shadow : 0px 0px 8px rgba(0,0,0,0.1);
 
 		img {
 			vertical-align : middle;
@@ -169,6 +168,8 @@ body.ttrss_main {
 
 		.msg {
 			flex-grow : 2;
+			padding : 0 10px;
+			line-height : 20px;
 		}
 
 		.icon-close {