updated tooltip

src/interface/src/app/shared/nav-bar/nav-bar.component.html

@@ -42,12 +42,6 @@
               Planning Area.
             </p>
 
-            <p>
-              From this page you can create new scenarios for your planning area
-              by selecting either the “Upload Scenario” or “+ New Scenario”
-              buttons.
-            </p>
-
             <p>
               For each scenario that has been started or completed, you will see
               the number of project areas and the status of each scenario.
@@ -82,21 +76,24 @@
         </div>
       </mat-menu>
     </button>
-    <button mat-button class="action-button" (click)="print()" data-id="print">
-      <mat-icon class="material-symbols-outlined nav-icon" color="primary">
-        print
-      </mat-icon>
+
+    <button
+      sg-button
+      variant="text"
+      icon="print"
+      [outlined]="true"
+      (click)="print()"
+      data-id="print">
       Print
     </button>
+
     <button
-      mat-button
-      class="action-button"
+      sg-button
+      variant="text"
+      icon="share"
       (click)="share()"
       data-id="share"
       *ngIf="area === 'EXPLORE'">
-      <mat-icon class="material-symbols-outlined nav-icon" color="primary">
-        share
-      </mat-icon>
       Share
     </button>
 
@@ -107,22 +104,9 @@
       (click)="sharePlan()"
       data-id="share"
       *ngIf="area === 'SCENARIOS' && (canSharePlan$ | async)">
-      <mat-icon class="material-symbols-outlined nav-icon" color="primary">
-        share
-      </mat-icon>
       Share
     </button>
 
-    <button
-      sg-button
-      variant="text"
-      icon="print"
-      [outlined]="true"
-      (click)="print()"
-      data-id="print">
-      Print
-    </button>
-
     <ng-content></ng-content>
   </div>
 </div>

src/interface/src/app/shared/share-explore-dialog/share-explore-dialog.component.scss

@@ -48,4 +48,5 @@ section {
   top: 0;
   right: 0;
   cursor: pointer;
+  z-index: 10000;
 }