in networks the tooltip shows the description

app/src/app/networking/networks/networks.component.html

@@ -11,7 +11,7 @@
 
       <ng-container *ngIf="vlans && vlans.length">
         <div class="input-group mb-3 input-group-pill flex-grow-1 flex-grow-sm-0 me-sm-3 w-sm-auto w-100">
-          <input type="text" class="form-control" placeholder="Search by name..." formControlName="searchTerm" appAlphaOnly="^[A-Za-z0-9_-]+$">
+          <input type="text" class="form-control" placeholder="Search by name or description..." formControlName="searchTerm" appAlphaOnly="^[A-Za-z0-9_-]+$">
           <button class="btn btn-outline-info" type="button" (click)="clearSearch()" [disabled]="!editorForm.get('searchTerm').value"
                   tooltip="Clear search" container="body" placement="top" [adaptivePosition]="false">
             <fa-icon icon="times" size="sm" [fixedWidth]="true"></fa-icon>
@@ -45,10 +45,14 @@
 
   <div class="overflow-auto flex-grow-1 mt-1">
     <div class="container my-2">
+      <h2 *ngIf="listItems && listItems.length === 0 && vlans && vlans.length > 0" class="text-uppercase">
+        {{ 'networking.networks.list.noResults' | translate }}
+      </h2>
+
       <accordion [isAnimated]="false" [closeOthers]="false">
         <accordion-group *ngFor="let vlan of listItems" (isOpenChange)="getNetworks($event, vlan)">
           <div class="d-flex justify-content-between align-items-center sticky-top" accordion-heading
-               tooltip="Show or hide this VLAN's networks" placement="top" [adaptivePosition]="false" container="body">
+               [tooltip]="vlan.description" placement="top" [adaptivePosition]="false" container="body">
             <h4 class="mb-0">
               <span class="text-info me-2">{{ vlan.name }}</span>
               <small class="vlan-id text-faded">
@@ -144,7 +148,7 @@
                 <li role="menuitem">
                   <button class="dropdown-item" (click)="showVlanEditor(vlan)">
                     <fa-icon icon="pen" [fixedWidth]="true"></fa-icon>
-                    Rename this virtual network
+                    Edit this virtual network
                   </button>
                 </li>
                 <li class="dropdown-divider"></li>

app/src/app/networking/networks/networks.component.ts

@@ -51,7 +51,8 @@ export class NetworksComponent implements OnInit, OnDestroy
       threshold: .3, // Lower value means a more exact search
       keys: [
         { name: 'name', weight: .9 },
-        { name: 'networks.name', weight: .7 }
+        { name: 'description', weight: .7 },
+        //{ name: 'networks.name', weight: .7 }
       ]
     };
 

app/src/assets/i18n/networking/en.json

@@ -3,7 +3,11 @@
   {
     "networks":
     {
-      "title": "Networks"
+      "title": "Networks",
+      "list":
+      {
+        "noResults": "No network matches the specified filters" 
+      }
     },
     "firewall":
     {