More webapp changes+fixes

webapp/src/app/features/clients/client-detail/client-detail.component.html

@@ -9,18 +9,20 @@
         <span nz-icon nzType="arrow-left" nzTheme="outline"></span>
         Back to Clients
       </button>
-      <div class="header-actions">
-        <button
-          nz-button
-          nzDanger
-          nz-popconfirm
-          nzPopconfirmTitle="Are you sure you want to delete this client?"
-          (nzOnConfirm)="deleteClient()"
-        >
-          <span nz-icon nzType="delete"></span>
-          Delete
-        </button>
-      </div>
+      @if (expertMode()) {
+        <div class="header-actions">
+          <button
+            nz-button
+            nzDanger
+            nz-popconfirm
+            nzPopconfirmTitle="Are you sure you want to delete this client?"
+            (nzOnConfirm)="deleteClient()"
+          >
+            <span nz-icon nzType="delete"></span>
+            Delete
+          </button>
+        </div>
+      }
     </div>
 
     <nz-card>

webapp/src/app/features/clients/client-detail/client-detail.component.scss

@@ -59,9 +59,11 @@
 .timestamp-absolute {
   font-size: 13px;
   color: #333;
+  white-space: pre;
 }
 
 .timestamp-relative {
   font-size: 12px;
   color: #999;
+  white-space: pre;
 }

webapp/src/app/features/clients/client-detail/client-detail.component.ts

@@ -11,6 +11,7 @@ import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
 import { ApiService } from '../../../core/services/api.service';
 import { AuthService } from '../../../core/services/auth.service';
 import { NotificationService } from '../../../core/services/notification.service';
+import { SettingsService } from '../../../core/services/settings.service';
 import { Client, ClientType, getClientTypeIcon } from '../../../core/models';
 import { RelativeTimePipe } from '../../../shared/pipes/relative-time.pipe';
 import { MetadataGridComponent, MetadataValueComponent } from '../../../shared/components/metadata-grid';
@@ -41,9 +42,11 @@ export class ClientDetailComponent implements OnInit {
   private apiService = inject(ApiService);
   private authService = inject(AuthService);
   private notification = inject(NotificationService);
+  private settingsService = inject(SettingsService);
 
   client = signal<Client | null>(null);
   loading = signal(true);
+  expertMode = this.settingsService.expertMode;
 
   ngOnInit(): void {
     const clientId = this.route.snapshot.paramMap.get('id');