changed to material (#455)

* changed to material * removed redundant class
dockstore · Sep 11, 2018 · 626a483 · 626a483
1 parent c707d59
commit 626a483
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 19 deletions.
diff --git 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
@@ -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; }