Display description

src/app/state/state.component.css

+
+.my-tooltip {
+    white-space: pre-line;
+}

src/app/state/state.component.html

 <td>
-	<span matTooltip="Site {{ service.site.name }} provides the service {{ service.name }} for you">
-		<mat-icon>account_balance</mat-icon>
+	<span matTooltip="{{ service.site.description}}\nThis site provides the service {{ service.name }} for you." matTooltipClass="my-tooltip">
 		{{ service.site.name }}
+		<mat-icon>help</mat-icon>
 	</span>
 </td>
 
 <td>
 	<span matTooltip="{{ service.description }}">
-		<mat-icon>web</mat-icon>
 		{{ service.name }}
+		<mat-icon>help</mat-icon>
 	</span>
 </td>
 

src/app/types/types.module.ts

@@ -32,6 +32,7 @@ export interface VO {
 export interface Site {
   id: number;
   name: string;
+  description: string;
 }
 
 export interface NewSSHKey {