chore: fix spacing for abbr

README.md

@@ -13,10 +13,10 @@ This website is built using [Eleventy](https://www.11ty.dev).
 There are two main web components; a ring and a fully featured card.
 
 ```html
-<fitness-ring data="{ move, exercise, stand }">
+<fitness-ring>
 </fitness-ring>
 
-<fitness-card data="{ ...json }">
+<fitness-card>
 </fitness-card>
 ```
 

src/components/details.njk

@@ -1,22 +1,22 @@
 <dl class="relative text-2xl leading-tight space-y-4">
     <div>
         <dt>Move</dt>
-        <dd class="text-move ">{{ move.total | formattedNumber }}/{{ move.goal | formattedNumber }}
-            <abbr title="Kilocalories" class="uppercase text-base ml-1 no-underline">Kcal</abbr>
+        <dd class="text-move ">
+            {{ move.total | formattedNumber }}/{{ move.goal | formattedNumber }}<abbr title="Kilocalories" class="uppercase text-base ml-1 no-underline">Kcal</abbr>
         </dd>
     </div>
 
     <div>
         <dt>Exercise</dt>
-        <dd class="text-exercise">{{ exercise.total | formattedNumber }}/{{ exercise.goal | formattedNumber }}
-            <abbr title="Minutes" class="uppercase text-base ml-1 no-underline">min</abbr>
+        <dd class="text-exercise">
+            {{ exercise.total | formattedNumber }}/{{ exercise.goal | formattedNumber }}<abbr title="Minutes" class="uppercase text-base ml-1 no-underline">min</abbr>
         </dd>
     </div>
 
     <div>
         <dt>Stand</dt>
-        <dd class="text-stand">{{ stand.total | formattedNumber }}/{{ stand.goal | formattedNumber }}
-            <abbr title="Hours" class="uppercase text-base ml-1 no-underline">hrs</abbr>
+        <dd class="text-stand">
+            {{ stand.total | formattedNumber }}/{{ stand.goal | formattedNumber }}<abbr title="Hours" class="uppercase text-base ml-1 no-underline">hrs</abbr>
         </dd>
     </div>
 </dl>