Header: fix send message button

Author: Blari

src/app/shared/header/components/email/email.component.html

@@ -19,7 +19,7 @@ <h4 class="email-menu-header__title">New Messages</h4>
   </div>
 
   <div class="send-message-button-wrapper">
-    <button class="send-message-button" mat-fab color="primary">
+    <button class="send-message-button" mat-raised-button color="primary">
       Send New Message <mat-icon class="send-message-button__icon">send</mat-icon>
     </button>
   </div>

src/app/shared/header/components/email/email.component.scss

@@ -93,23 +93,15 @@
 .send-message-button-wrapper {
   margin: 16px 0;
   text-align: center;
-  padding: 0 16px;
-}
-
-.send-message-button {
-  width: 224px;
-  height: 48px;
-  padding: 0 16px;
-  border-radius: 32px;
-  color: $white;
 
-  & .mat-button-wrapper {
-    padding: 0;
-  }
+  .send-message-button {
+    width: 224px;
+    height: 48px;
+    border-radius: 32px;
 
-  &__icon {
-    color: $white;
-    margin-left: 16px;
+    &__icon {
+      margin-left: 16px;
+    }
   }
 }
 

src/app/shared/sidebar/sidebar.component.html

@@ -165,7 +165,6 @@
   </mat-tree>
 </mat-list>
 
-
 <mat-list class="sidebar">
   <p class="sidebar-title">Help</p>
 
@@ -193,7 +192,6 @@
     <div class="add-icon-wrapper">
       <mat-icon class="add-icon">add</mat-icon>
     </div>
-
     <p class="add-section-title">Add section</p>
   </div>