From d0522e96cd11e1cd7ee72da07b6b7a37377a6ff7 Mon Sep 17 00:00:00 2001
From: Tobias Kohr <tobias.kohr@camptocamp.com>
Date: Mon, 22 Jul 2024 14:50:46 +0200
Subject: [PATCH] feat(header-record): remove background color from geo data
 badge

to make it more readable in a generic way
---
 .../record/header-record/header-record.component.html    | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/apps/datahub/src/app/record/header-record/header-record.component.html b/apps/datahub/src/app/record/header-record/header-record.component.html
index 468272bcc0..6edea676e0 100644
--- a/apps/datahub/src/app/record/header-record/header-record.component.html
+++ b/apps/datahub/src/app/record/header-record/header-record.component.html
@@ -38,19 +38,16 @@
       {{ metadata.title }}
     </div>
     <div
-      class="flex flex-row flex-wrap gap-2 mb-4 ml-4 sm:mr-[332px]"
+      class="flex flex-row flex-wrap gap-4 mb-4 ml-4 sm:mr-[332px]"
       [style.color]="foregroundColor"
     >
-      <div
-        *ngIf="(isGeodata$ | async) === true"
-        class="flex flex-row bg-primary-darker rounded"
-      >
+      <div *ngIf="(isGeodata$ | async) === true" class="flex flex-row">
         <span class="material-symbols-outlined mt-0.5 ml-2 text-[20px]">
           my_location
         </span>
         <p class="ml-2 mr-2" translate>record.metadata.type</p>
       </div>
-      <div *ngIf="metadata.recordUpdated" class="flex flex-row gap-1">
+      <div *ngIf="metadata.recordUpdated">
         <p translate [translateParams]="{ date: lastUpdate }">
           record.metadata.lastUpdate
         </p>