From 626a48325c5880dc09172e21d058cb52f325ee38 Mon Sep 17 00:00:00 2001
From: Andrew Duncan <andrew.duncan@oicr.on.ca>
Date: Tue, 11 Sep 2018 11:56:00 -0400
Subject: [PATCH] changed to material (#455)

* changed to material

* removed redundant class
---
 src/app/container/container.component.html | 20 ++++++++------------
 src/ds-style-fix.scss                      |  7 -------
 2 files changed, 8 insertions(+), 19 deletions(-)

diff --git a/src/app/container/container.component.html b/src/app/container/container.component.html
index 659a366f6d..62e0b42e0b 100644
--- a/src/app/container/container.component.html
+++ b/src/app/container/container.component.html
@@ -68,19 +68,15 @@ <h3 id="tool-path">
   <div class="col-md-5">
     <app-starring [tool]="tool" class="pull-right starring-button" *ngIf="isToolPublic && tool" (change)="starGazersChange()"></app-starring>
     <h3 class="pull-right">
-      <div class="button contact-button" *ngIf="publicPage && tool?.private_access">
-        <p>
-          <a [href]="requestAccessHREF">
-            Request Access
-          </a>
-        </p>
+      <div class="mr-2" *ngIf="publicPage && tool?.private_access">
+        <a mat-raised-button color="accent" [href]="requestAccessHREF">
+          Request Access
+        </a>
       </div>
-      <div class="button contact-button" *ngIf="publicPage && tool?.email && !tool?.private_access">
-        <p>
-          <a [href]="contactAuthorHREF">
-            Contact Author
-          </a>
-        </p>
+      <div class="mr-2" *ngIf="publicPage && tool?.email && !tool?.private_access">
+        <a mat-raised-button color="primary" [href]="contactAuthorHREF">
+          Contact Author
+        </a>
       </div>
     </h3>
   </div>
diff --git a/src/ds-style-fix.scss b/src/ds-style-fix.scss
index 1ae6ece9fd..bdbfce21df 100644
--- a/src/ds-style-fix.scss
+++ b/src/ds-style-fix.scss
@@ -512,13 +512,6 @@ div.modal form {
   max-width: 450px;
 }
 
-div.contact-button {
-  a {
-    color: #ffffff;
-  }
-  margin-right: 5px;
-}
-
 /* Media Queries - Lower Resolutions (width < 1200px) */
 @media (max-width: 992px) {
   img.site-logo { width: 50px; }