add finger to upper right menu button

src/app/dashboard/fulltable/fulltable.component.html

@@ -55,7 +55,7 @@
 
   <span class="example-fill-remaining-space"></span>
 
-  <button class="menu-button" mat-button [matMenuTriggerFor]="menusite">Site</button>
+  <button class="menu-button" class="finger"  mat-button [matMenuTriggerFor]="menusite">Site</button>
 <mat-menu  #menusite="matMenu">
   <button mat-menu-item (click)="onClickSite('dpmt')">DPMT</button>
   <button mat-menu-item (click)="onClickSite('gocdb')">GOCDB</button>
@@ -63,7 +63,7 @@
 </mat-menu> 
 
 &nbsp; &nbsp;
-<button class="menu-button" mat-button [matMenuTriggerFor]="menuservice">Service</button>
+<button class="menu-button" class="finger"  mat-button [matMenuTriggerFor]="menuservice">Service</button>
 <mat-menu #menuservice="matMenu">
   <button mat-menu-item (click)="onClickService('dpmt')">DPMT</button>
   <button mat-menu-item (click)="onClickService('gocdb')">GOCDB</button>
@@ -73,7 +73,7 @@
 
 &nbsp; &nbsp;
 
-<button class="menu-button"  mat-button [matMenuTriggerFor]="menuuser">{{username}}</button>
+<button class="menu-button"  class="finger" mat-button [matMenuTriggerFor]="menuuser">{{username}}</button>
 <mat-menu #menuuser="matMenu">
   <button mat-menu-item (click)="openDialog()">Profile</button>
   <button mat-menu-item (click)="onLogout()">Logout</button>

src/app/dashboard/hostname/hostname.component.html

@@ -52,7 +52,7 @@
 
   <span class="example-fill-remaining-space"></span>
 
-  <button class="menu-button" mat-button [matMenuTriggerFor]="menusite">Site</button>
+  <button class="menu-button"  class="finger" mat-button [matMenuTriggerFor]="menusite">Site</button>
 <mat-menu  #menusite="matMenu">
   <button mat-menu-item  (click)="onClickSite('dpmt')">DPMT</button>
   <button mat-menu-item (click)="onClickSite('gocdb')">GOCDB</button>
@@ -60,7 +60,7 @@
 </mat-menu> 
 
 &nbsp; &nbsp;
-<button class="menu-button" mat-button [matMenuTriggerFor]="menuservice">Service</button>
+<button class="menu-button" class="finger" mat-button [matMenuTriggerFor]="menuservice">Service</button>
 <mat-menu #menuservice="matMenu">
   <button mat-menu-item (click)="onClickService('dpmt')">DPMT</button>
   <button mat-menu-item (click)="onClickService('gocdb')">GOCDB</button>
@@ -70,7 +70,7 @@
 
 &nbsp; &nbsp;
 
-<button class="menu-button"  mat-button [matMenuTriggerFor]="menuuser">{{username}}</button>
+<button class="menu-button" class="finger" mat-button [matMenuTriggerFor]="menuuser">{{username}}</button>
 <mat-menu #menuuser="matMenu">
   <button mat-raised-button mat-menu-item (click)="openDialog()">Profile</button>
   <button mat-raised-button mat-menu-item (click)="onLogout()">Logout</button>

src/app/dashboard/service-component-history/service-component-history.component.html

@@ -52,7 +52,7 @@
 
   <span class="example-fill-remaining-space"></span>
 
-  <button class="menu-button" mat-button [matMenuTriggerFor]="menusite">Site</button>
+  <button class="menu-button" class="finger" mat-button [matMenuTriggerFor]="menusite">Site</button>
 <mat-menu  #menusite="matMenu">
   <button mat-menu-item  (click)="onClickSite('dpmt')">DPMT</button>
   <button mat-menu-item (click)="onClickSite('gocdb')">GOCDB</button>

src/app/dashboard/site/site.component.html

@@ -51,7 +51,7 @@
 
   <span class="example-fill-remaining-space"></span>
 
-  <button class="menu-button" mat-button [matMenuTriggerFor]="menusite">Site</button>
+  <button class="menu-button" class="finger" mat-button [matMenuTriggerFor]="menusite">Site</button>
 <mat-menu  #menusite="matMenu">
   <button mat-menu-item  (click)="onClickSite('dpmt')">DPMT</button>
   <button mat-menu-item (click)="onClickSite('gocdb')">GOCDB</button>
@@ -59,7 +59,7 @@
 </mat-menu> 
 
 &nbsp; &nbsp;
-<button class="menu-button" mat-button [matMenuTriggerFor]="menuservice">Service</button>
+<button class="menu-button" class="finger" mat-button [matMenuTriggerFor]="menuservice">Service</button>
 <mat-menu #menuservice="matMenu">
   <button mat-menu-item (click)="onClickService('dpmt')">DPMT</button>
   <button mat-menu-item (click)="onClickService('gocdb')">GOCDB</button>
@@ -69,7 +69,7 @@
 
 &nbsp; &nbsp;
 
-<button class="menu-button"  mat-button [matMenuTriggerFor]="menuuser">{{username}}</button>
+<button class="menu-button" class="finger" mat-button [matMenuTriggerFor]="menuuser">{{username}}</button>
 <mat-menu #menuuser="matMenu">
   <button mat-menu-item (click)="openDialog()">Profile</button>
   <button mat-menu-item (click)="onLogout()">Logout</button>

src/app/dashboard/table/table.component.css

@@ -123,3 +123,5 @@ table {
     margin:0 auto;
   }
 
+
+ 

src/app/dashboard/table/table.component.html

@@ -65,7 +65,7 @@
   <button mat-menu-item (click)="onClickSite('eosc')">EOSC</button>
 </mat-menu> 
 -->
-<button class="menu-button" (mouseenter) ='mouseEnter("Site")'  >Site</button>
+<button class="menu-button" class="finger"  mat-button [matMenuTriggerFor]="menusite">Site</button>
 <mat-menu   class="submenu" #menusite="matMenu">
   <button class="submenu" mat-menu-item  (click)="onClickSite('dpmt')">DPMT</button>
   <button class="submenu" mat-menu-item (click)="onClickSite('gocdb')">GOCDB</button>
@@ -73,7 +73,7 @@
 </mat-menu> 
 
 &nbsp; &nbsp;
-<button class="menu-button" mat-button [matMenuTriggerFor]="menuservice">Service</button>
+<button class="menu-button" class="finger" mat-button [matMenuTriggerFor]="menuservice">Service</button>
 <mat-menu #menuservice="matMenu">
   <button mat-menu-item (click)="onClickService('dpmt')">DPMT</button>
   <button mat-menu-item (click)="onClickService('gocdb')">GOCDB</button>
@@ -83,7 +83,7 @@
 
 &nbsp; &nbsp;
 
-<button class="menu-button"  mat-button [matMenuTriggerFor]="menuuser">{{username}}</button>
+<button class="menu-button" class="finger"  mat-button [matMenuTriggerFor]="menuuser">{{username}}</button>
 <mat-menu #menuuser="matMenu">
   <button mat-menu-item (click)="openDialog()">Profile</button>
   <button mat-menu-item (click)="onLogout()">Logout</button>