1 files changed, 74 insertions, 25 deletions

diff --git a/css/tt-rss.less b/css/tt-rss.less
index edce31263..e185ad7e1 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 {
@@ -205,6 +206,17 @@ body.ttrss_main {
 		}
 	}
 
+	.action-chooser {
+		.action-button {
+			.dijitButtonText {
+				vertical-align : unset;
+			}
+			.dijitArrowButtonInner {
+				display : none;
+			}
+		}
+	}
+
 	.hl {
 		border: 0px solid @border-default;
 		border-bottom-width: 1px;
@@ -214,6 +226,7 @@ body.ttrss_main {
 		flex-wrap : nowrap;
 		background : @color-panel-bg;
 		align-items : center;
+		user-select : none;
 
 		> * {
 			white-space : nowrap;
@@ -496,6 +509,7 @@ body.ttrss_main {
 
 	.dijitDialog {
 
+		header,
 		.dlgSec, .dlgSecHoriz {
 			font-size : 16px;
 			font-weight : 600;
@@ -503,14 +517,21 @@ body.ttrss_main {
 			font-family: @fonts-ui-bold;
 		}
 
+		section,
 		.dlgSecCont {
 			margin : 10px 20px;
 		}
 
+		header.horizontal + section,
 		.dlgSecHoriz + .dlgSecCont {
-			margin : 10px 0px;
+			margin : 10px 0;
+		}
+
+		section.narrow {
+			margin : 0;
 		}
 
+		section,
 		div.dlgSecCont, div.dlgSecSimple {
 
 			fieldset {
@@ -526,6 +547,10 @@ body.ttrss_main {
 					font-weight : normal;
 					display : inline;
 				}
+
+				> label.inline {
+					display : inline;
+				}
 			}
 
 			fieldset {
@@ -542,10 +567,14 @@ body.ttrss_main {
 			}
 		}
 
+		footer,
 		.dlgButtons {
 			margin-top : 5px;
 			text-align: right;
-			clear: both;
+		}
+
+		footer.text-center {
+			text-align: center;
 		}
 	}
 
@@ -668,13 +697,8 @@ body.ttrss_main {
 				color : #333;
 			}
 
-			.icon {
-				position : relative;
-				top : -2px;
-			}
-
-			i.icon {
-				left : -2px;
+			.dijitIcon.feed-icon {
+				margin-right : 2px;
 			}
 
 			i.icon.icon-inbox {
@@ -686,10 +710,10 @@ body.ttrss_main {
 			}
 
 			i.icon.icon-star {
+				position : relative;
 				color : @color-marked;
 				font-size : 21px;
-				top : -4px;
-				left : -4px;
+				left : -2px;
 			}
 
 			i.icon.icon-rss_feed {
@@ -701,8 +725,9 @@ body.ttrss_main {
 			}
 
 			i.icon.icon-restore {
+				position : relative;
+				top : -1px;
 				font-weight : bold;
-				left : -3px;
 				color : @color-accent;
 			}
 
@@ -1098,6 +1123,30 @@ body.ttrss_main, body.ttrss_utility {
 		}
 	}
 
+	.pull-right {
+		float : right;
+	}
+
+	.pull-left {
+		float : left;
+	}
+
+	.text-error {
+		color: #b94a48;
+	}
+
+	.text-info {
+		color: #3a87ad;
+	}
+
+	.text-success {
+		color: #468847;
+	}
+
+	.text-warning {
+		color: darken(#c09853, 10%);
+	}
+
 	.alert,
 	.alert h4 {
 		color: #c09853;
@@ -1144,7 +1193,7 @@ body.ttrss_main, body.ttrss_utility {
 		border-bottom-width: 1px;
 	}
 
-	.insensitive {
+	.text-muted {
 		color : @default-text;
 	}