From aa5952b45a3fd40bf00a5662e7ea9c371872f8d5 Mon Sep 17 00:00:00 2001
From: Marcin Kuzminski <marcin@rhodecode.com>
Date: Wed, 1 Mar 2017 10:25:10 +0100
Subject: [PATCH] rhodecode-toast: css improvements.

---
 rhodecode/public/css/alerts.less                   |  1 -
 .../rhodecode-toast/rhodecode-toast.html           |  2 +-
 .../rhodecode-toast/rhodecode-toast.less           | 14 ++++++++++----
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/rhodecode/public/css/alerts.less b/rhodecode/public/css/alerts.less
index 3bf19241..b967e513 100644
--- a/rhodecode/public/css/alerts.less
+++ b/rhodecode/public/css/alerts.less
@@ -5,7 +5,6 @@
 
 .alert {
     clear: both;
-    margin: @space auto 0 auto;
     padding: @padding;
     border: @border-thickness solid;
     border-radius: @border-radius;
diff --git a/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.html b/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.html
index 0fd59bd8..d172eeb4 100644
--- a/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.html
+++ b/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.html
@@ -6,7 +6,7 @@
         <style include="shared-styles"></style>
         <link rel="stylesheet" href="rhodecode-toast.css">
         <template is="dom-if" if="[[hasToasts]]">
-            <div class$="container toast-message-holder [[conditionalClass(isFixed)]]" >
+            <div class$="container toast-message-holder [[conditionalClass(isFixed)]]">
                 <template is="dom-repeat" items="[[toasts]]">
                     <div class$="alert alert-[[item.level]]">
                         <rhodecode-unsafe-html text="[[item.message]]"></rhodecode-unsafe-html>
diff --git a/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.less b/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.less
index 2c047bbd..e1b753b6 100644
--- a/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.less
+++ b/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.less
@@ -7,16 +7,22 @@
 
 .toast-close{
     text-align: right;
+    .btn {
+        margin: 0;
+    }
 }
 
 .toast-message-holder{
-    background-color: #ffffff;
+    background: fade(#fff, 25%);
 
     &.fixed{
         position: fixed;
-        padding: 10px;
+        padding: 10px 0;
+        margin-left: 10px;
+        margin-right: 10px;
         top: 0;
-        width: 1200px;
-        z-index: 1;
+        left: 0;
+        right:0;
+        z-index: 100;
     }
 }