Added political party label

src/components/GeolocButton.vue

@@ -41,13 +41,13 @@ async function handleGeolocClick() {
     />
     <span>Géolocalisation</span>
   </RepButton>
-  <div
+  <!-- <div
     v-if="!lastError && coords.accuracy > 1000"
     class="mt-4 max-w-lg mx-auto text-sm text-red-400"
   >
     Position peu précise ; votre député sera peut être différement de notre
     résultat
-  </div>
+  </div> -->
   <div v-if="lastError" class="mt-4 max-w-lg mx-auto text-sm text-red-400">
     {{ lastError }}
   </div>

src/components/RepInfo.vue

@@ -103,11 +103,14 @@ const regionBgFile = computed(() => {
       <h1 class="mt-4 text-center font-bold text-3xl">
         {{ repFullName }}
       </h1>
-      <div class="text-center text-xl font-bold" v-if="repPoliticalParty">
+      <div
+        v-if="repPoliticalParty"
+        class="text-center font-bold"
+        :style="`color: ${repPoliticalParty.organe.couleurAssociee}`"
+      >
         {{ repPoliticalParty.organe.libelle }}
       </div>
-      <hr class="my-5 opacity-10" />
-      <h2 class="text-center font-bold text-xl">
+      <h2 class="mt-2 text-center font-bold text-xl">
         {{ repMandate?.election?.lieu.departement }} -
         {{ repMandate?.election?.lieu.numCirco }}e circonscription
       </h2>
@@ -118,10 +121,6 @@ const regionBgFile = computed(() => {
       />
     </header>
 
-    <h3 class="text-center font-medium text-lg">
-      {{ rep.acteur.profession.libelleCourant }}
-    </h3>
-
     <footer class="mt-8">
       <div class="mt-4 text-center">
         <RepButton