From e61a55f30ecd9cc2593f3acf90c0e700909e8e6b Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Fri, 15 Dec 2017 12:17:14 -0500
Subject: [PATCH] (css) Fix fab button placement in Mail module

Fixes #4358
---
 .../scss/components/button/button.scss              | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/UI/WebServerResources/scss/components/button/button.scss b/UI/WebServerResources/scss/components/button/button.scss
index 9fb321f98..6403e43f0 100644
--- a/UI/WebServerResources/scss/components/button/button.scss
+++ b/UI/WebServerResources/scss/components/button/button.scss
@@ -5,6 +5,17 @@ md-sidenav md-list .md-button {
   font-weight: normal;
 }
 
+/**
+ * Applying a background color (using ng-class or ui-sref-active) to a clickable (ng-click)
+ * md-list-item would hide the content of the item content.
+ *
+ * See https://github.com/angular/material/commit/9a8eab0cbb0a934f4ba2ffe616359ba6ce38ae75
+ * => HAS BEEN REVERTED
+ */
+a.md-button-wrap-executor.md-no-style {
+  //background-color: transparent;
+}
+
 /**
  * Overlap fab button by half its height downward
  */
@@ -60,7 +71,7 @@ md-sidenav md-list .md-button {
  *     +--------------+
  *
  */
-md-fab-speed-dial.sg-fab-bottom-center {
+.sg-fab-bottom-center {
   position: absolute;
   bottom: ($button-fab-height - $button-fab-padding)/2;
   left: auto;