Tweaked again the button to logout from the application

javiereguiluz · javiereguiluz · commit 7ac682254c0d · 2015-04-24T09:30:12.000+02:00
diff --git a/src/Symfony/Bundle/SecurityBundle/Resources/views/Collector/security.html.twig b/src/Symfony/Bundle/SecurityBundle/Resources/views/Collector/security.html.twig
@@ -26,7 +26,8 @@
             {% endif %}
             {% if collector.providerKey %}
             <div class="sf-toolbar-info-piece">
-                <a class="sf-btn" title="Logout from the {{ collector.providerKey }} firewall" href="{{ logout_path(collector.providerKey) }}"><span class="sf-icon sf-danger">&times;</span> Logout</a>
+                <b>Actions</b>
+                <a class="sf-btn" title="Logout from the {{ collector.providerKey }} firewall" href="{{ logout_path(collector.providerKey) }}">Logout</a>
             </div>
             {% endif %}
         {% elseif collector.enabled %}
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig
@@ -126,28 +126,28 @@
 }
 
 .sf-toolbar-block .sf-toolbar-info-piece .sf-btn {
-    background: #F5F5F5;
-    border: 1px solid #CCC;
-    border-radius: 4px;
-    display: inline-block;
+    padding: 4px 8px;
     font-weight: bold;
-    text-decoration: none;
-    margin-top: 2px;
-    padding: 1px 6px;
+    color: #333;
+    white-space: nowrap;
+    vertical-align: middle;
+    cursor: pointer;
+    background-color: #EEE;
+    background-image: -webkit-linear-gradient(#FCFCFC, #EEE);
+    background-image: linear-gradient(#FCFCFC, #EEE);
+    border: 1px solid #D5D5D5;
+    border-radius: 3px;
 }
 
 .sf-toolbar-block .sf-toolbar-info-piece .sf-btn:hover {
     background: #FAFAFA;
+    text-decoration: none;
 }
 
 .sf-toolbar-block .sf-toolbar-info-piece .sf-btn:active {
     border-style: inset;
 }
 
-.sf-toolbar-block .sf-toolbar-info-piece .sf-icon.sf-danger {
-    color: #A33;
-}
-
 .sf-toolbar-block .sf-toolbar-info-with-next-pointer:after {
     content: ' :: ';
     color: #999;
