Fix fab-button positionning

UI/WebServerResources/scss/components/button/_button.scss

@@ -152,11 +152,15 @@ md-toolbar .md-toolbar-tools .iconButton:last-child,
 // angular-material is overspecifying so we are
 .md-button.iconButton.md-fab.md-default-theme:not([disabled]) {
   z-index: $z-index-fab;
+  // flex might stretch or squize fab bottons
+  min-width: $button-fab-width;
+  min-height: $button-fab-height;
   // this is a temporary fix, see comment in variables
   padding: $mg;
   margin-right: $mg;
   // this is to positioned the button on the toolbar's edge
   transform: translate3d(0, -50%, 0);
+
   &:hover {
     transform: translate3d(0, -49%, 0);
     [class ^= md-icon],
@@ -179,6 +183,25 @@ md-toolbar .md-toolbar-tools .iconButton:last-child,
   }
 }
 
+.md-button.iconButton.md-fab.md-fab--bottom {
+  align-self: flex-end;
+  // this is to positioned the button on the container's edge
+  transform: translate3d(-50%, -50%, 0) !important; // at this point important is not worst than long selector
+  &:hover {
+    transform: translate3d(-50%, -49%, 0) !important;
+  }
+}
+
+.md-button.iconButton.md-fab.md-fab--bottom-inside {
+  transform: translate3d(0, (($button-fab-height + $mg) * -1), 0) !important; // at this point important is not worst than long selector
+  // to prevent empty space at bottom of container
+  position: absolute;
+  right: 0;
+  &:hover {
+    transform: translate3d(0, (($button-fab-height + $mg - 1) * -1) 0) !important; // at this point important is not worst than long selector
+  }
+}
+
 .sg-button-navicon {
   //top: ($mg * -1);
   //margin-left: ($mg * -1);

UI/WebServerResources/scss/views/_view.scss

@@ -61,12 +61,14 @@ $detailView-width: grid-step(8) !global;
 
   @include from(lg) {
     @include flex-col(lg, 8, 2, 1);
-    margin: 0 auto $mg auto;
+    margin: 0 $mg;
+
   }
 
   @include at(md) {
     @include flex-col(md, 9);
     margin: 0;
+
   }
 
   @include from(md) {
@@ -155,3 +157,10 @@ $detailView-width: grid-step(8) !global;
     }
   }
 }
+
+@include from(md) {
+  [ui-view="message"] > md-content {
+    // to create a false padding for the fab button
+    border-bottom: ($button-fab-height + ($mg * 2)) solid transparent; // buton height + mg top and bottom
+  }
+}