Merge pull request #34 from NeoScript/update_host_color

fix: color should only apply to url

Author: NeoScript

webapp/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "webapp",
-  "version": "0.0.7",
+  "version": "2025.05.22-1",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

webapp/package.json

@@ -9,18 +9,18 @@
             </button>
             <h3>pubsub-ui</h3>
         </div>
-    
+
         <div class="config">
             <div class="links">
                 <button mat-icon-button (click)="updateHostUrl()">
                     <mat-icon>settings</mat-icon>
                 </button>
 
                 @if (this.currentHost|async; as host) {
-                    <h4>current host: <a [href]="host">{{host}}</a></h4>
+                    <h4>current host: <a class="highlight" [href]="host">{{host}}</a></h4>
                 }
             </div>
         </div>
     </div>
 
-</mat-toolbar>
+</mat-toolbar>

webapp/src/app/components/navbar/navbar.component.html

@@ -12,6 +12,9 @@
   gap: 1em;
 
   align-items: center;
+}
+
+.highlight {
   color: orange;
 }