fix: spaces for measures and fixed digits

cypress/e2e/draw/draw-feat-circle.cy.ts

@@ -37,8 +37,8 @@ describe('Draw "Circle"', () => {
       cy.get('*[data-cy="featItemLength"]').should('contain.text', '693.17 km')
       // testing just integer part due to precision issues between local tests and CI
       cy.get('*[data-cy="featItemArea"]')
-        .should('contain.text', 'Surface: 38235.')
-        .and('contain.text', ' km²')
+        .should('include.text', 'Surface:\u00A038235')
+        .and('include.text', ' km²')
     })
 
     it('updates length and area measurements when editing radius in panel', () => {

src/components/draw/feature-measurements.vue

@@ -99,13 +99,13 @@ function onClickValidateRadius(radius: number) {
   <div class="lux-drawing-item-measurements">
     <!-- Feature length, for LineString, Circle, Polygon -->
     <div data-cy="featItemLength" v-if="featLength">
-      <span class="mr-1">{{ t('Length:') }}</span>
+      <span>{{ t('Length:') }}&nbsp;</span>
       <span v-format-measure.length="featLength"></span>
     </div>
 
     <!-- Feature area, for Circle, Polygon -->
     <div data-cy="featItemArea" v-if="featArea">
-      <span class="mr-1">{{ t('Area:') }}</span>
+      <span>{{ t('Area:') }}&nbsp;</span>
       <span v-format-measure.area="featArea"></span>
     </div>
 
@@ -115,7 +115,7 @@ function onClickValidateRadius(radius: number) {
       v-if="featureType === 'drawnCircle'"
       class="flex items-center"
     >
-      <span class="mr-1">{{ t('Rayon:') }} </span>
+      <span>{{ t('Rayon:') }}&nbsp;</span>
       <span
         v-if="!isEditingFeature"
         v-format-measure.length="featRadius"
@@ -140,10 +140,10 @@ function onClickValidateRadius(radius: number) {
 
     <!-- Feature elevation, for Point -->
     <div v-if="featureType === 'drawnPoint'">
-      <span>{{ t('Elevation') }}: </span>
+      <span>{{ t('Elevation') }}:&nbsp;</span>
       <span
         data-cy="featItemElevation"
-        v-format-measure.elevation="featElevation"
+        v-format-measure:2.elevation="featElevation"
       ></span>
     </div>