From ff806d899351676da45d0fb69c8ddd362c54767a Mon Sep 17 00:00:00 2001
From: john liddell <jliddev@gmail.com>
Date: Sun, 1 Nov 2020 21:49:59 -0600
Subject: [PATCH] minor detail dialog long author text update

---
 .../addon-detail/addon-detail.component.html  | 34 +++++--------------
 .../addon-detail/addon-detail.component.scss  |  5 +++
 2 files changed, 14 insertions(+), 25 deletions(-)

diff --git a/wowup-electron/src/app/components/addon-detail/addon-detail.component.html b/wowup-electron/src/app/components/addon-detail/addon-detail.component.html
index aa622c21..825340e8 100644
--- a/wowup-electron/src/app/components/addon-detail/addon-detail.component.html
+++ b/wowup-electron/src/app/components/addon-detail/addon-detail.component.html
@@ -1,25 +1,16 @@
 <div class="addon-detail-view">
   <div class="row align-items-start">
     <h3 mat-dialog-title class="flex-grow-1">{{ title }}</h3>
-    <mat-icon
-      class="close-icon"
-      color="accent"
-      [mat-dialog-close]="true"
-      [ngStyle]="{ cursor: 'pointer' }"
-      >highlight_off</mat-icon
-    >
+    <mat-icon class="close-icon" color="accent" [mat-dialog-close]="true" [ngStyle]="{ cursor: 'pointer' }">
+      highlight_off</mat-icon>
   </div>
   <div *ngIf="defaultImageUrl" class="row justify-content-center image-row">
     <img class="image" [src]="defaultImageUrl" alt="Addon Picture" />
   </div>
 
   <div mat-dialog-content>
-    <div class="row">
-      <div
-        class="mat-subheading-1 flex-grow-1"
-        translate
-        [translateParams]="{ authorName: subtitle }"
-      >
+    <div class="row align-items-start">
+      <div class="mat-subheading-1 flex-grow-1 mr-3" translate [translateParams]="{ authorName: subtitle }">
         DIALOGS.ADDON_DETAILS.BY_AUTHOR
       </div>
       <!-- <app-addon-provider-badge
@@ -27,24 +18,17 @@
         class="flex-shrink-0"
       ></app-addon-provider-badge> -->
       <span> Go to {{ provider }} &nbsp; </span>
-      <a appExternalLink [href]="externalUrl">
+      <a class="icon-link" appExternalLink [href]="externalUrl"
+        [matTooltip]="'DIALOGS.ADDON_DETAILS.VIEW_IN_BROWSER_BUTTON' | translate">
         <mat-icon class="open-in-browser-icon" color="accent">launch</mat-icon>
-
-        <!-- {{ "DIALOGS.ADDON_DETAILS.VIEW_IN_BROWSER_BUTTON" | translate }} -->
       </a>
     </div>
     <div class="mat-caption addon-detail-summary">{{ summary }}</div>
   </div>
   <div mat-dialog-actions class="row align-items-center justify-content-end">
-    <app-addon-install-button
-      *ngIf="showInstallButton"
-      [addonSearchResult]="model.searchResult"
-      (onViewUpdated)="onInstallUpdated()"
-    >
+    <app-addon-install-button *ngIf="showInstallButton" [addonSearchResult]="model.searchResult"
+      (onViewUpdated)="onInstallUpdated()">
     </app-addon-install-button>
-    <app-addon-update-button
-      *ngIf="showUpdateButton"
-      [listItem]="model.listItem"
-    ></app-addon-update-button>
+    <app-addon-update-button *ngIf="showUpdateButton" [listItem]="model.listItem"></app-addon-update-button>
   </div>
 </div>
diff --git a/wowup-electron/src/app/components/addon-detail/addon-detail.component.scss b/wowup-electron/src/app/components/addon-detail/addon-detail.component.scss
index 38404f9e..3814a6ca 100644
--- a/wowup-electron/src/app/components/addon-detail/addon-detail.component.scss
+++ b/wowup-electron/src/app/components/addon-detail/addon-detail.component.scss
@@ -13,4 +13,9 @@
   width: 35vw;
   min-width: 380px;
   max-width: 600px;
+
+  .icon-link {
+    width: 24px;
+    height: 24px;
+  }
 }