new metadata labels

src/components/EditionMeta.js

@@ -50,15 +50,15 @@ const EditionMeta = (props) => {
       {fingerprint && (
         <>
           <Value
-            label={<>Speed of Spread</>}
+            label={<>Interval Frequency Output</>}
             value={format(
               fingerprint?.speedOfSpreadRelativeToPublishingInterval,
-              { suffix: "relative to publishing interval" }
+              { suffix: "edition/year" }
             )}
           />
           {fingerprint.isOutgoing && (
             <Value
-              label={<>Speed of Spread</>}
+              label={<>Interval Speed</>}
               value={format(fingerprint?.speedOfSpread, { suffix: "km/year" })}
             />
           )}

src/components/Header.js

@@ -119,6 +119,14 @@ const Header = () => {
               <ChainFilter />
               <Fade in={isOpen}>
                 <div>
+
+
+
+
+
+
+
+
                   <Box
                     sx={{
                       ml: 4,
@@ -134,6 +142,9 @@ const Header = () => {
                       overflow: "auto",
                     }}
                   >
+
+
+
                     <Typography
                       sx={{
                         mr: 4,
@@ -146,40 +157,40 @@ const Header = () => {
                     >
                       Chain {focusedChain?.index + 1}
                     </Typography>
+
+
+
+
                     <Value
                       mb={0}
                       noWrap
-                      sx={{ mr: 4 }}
                       LabelProps={{ sx: { color: "inherit" } }}
-                      label={<>&#8709; Publishing interval </>}
-                      value={format(focusedChain?.frequency, {
+                      label={<>Duration</>}
+                      value={format(focusedChain?.actualTimeExtent, {
                         suffix: "years",
                       })}
-                    />
+                    />&emsp;&emsp;&emsp;
+
                     <Value
                       mb={0}
                       noWrap
-                      sx={{ mr: 4 }}
                       LabelProps={{ sx: { color: "inherit" } }}
-                      label={<>&#8709; Speed of Spread </>}
-                      value={format(
-                        focusedChain?.speedOfSpreadRelativeToPublishingInterval,
-                        { suffix: "relative to publishing interval" }
-                      )}
-                    />
-                    {focusedChain?.isOutgoing && (
-                      <Value
-                        mb={0}
-                        noWrap
-                        LabelProps={{ sx: { color: "inherit" } }}
-                        label={<>&#8709; Speed of Spread</>}
-                        value={format(focusedChain?.speedOfSpread, {
-                          suffix: "km/year",
-                        })}
-                      />
+                      label={<>   Total Distance</>}
+                      value={format(focusedChain?.totalDistanceTravelled, {
+                        suffix: "km",
+                      })}
+                    />&emsp;&emsp;&emsp;
 
+                    <Value
+                      mb={0}
+                      noWrap
+                      LabelProps={{ sx: { color: "inherit" } }}
+                      label={<>&#8709; Speed</>}
+                      value={format(focusedChain?.averageChainSpeed, {
+                        suffix: "km/year",
+                      })}
+                    />
 
-                    )}
                   </Box>
 
 
@@ -188,6 +199,8 @@ const Header = () => {
 
 
 
+
+
                   <Box
                     sx={{
                       ml: 4,
@@ -203,40 +216,41 @@ const Header = () => {
                       overflow: "auto",
                     }}
                   >
-                      <Value
-                      mb={0}
-                        noWrap
-                        LabelProps={{ sx: { color: "inherit" } }}
-                        label={<>Duration</>}
-                        value={format(focusedChain?.actualTimeExtent, {
-                          suffix: "years",
-                        })}
-                      />..........     
 
-                      <Value
+                    <Value
                       mb={0}
-                        noWrap
-                        LabelProps={{ sx: { color: "inherit" } }}
-                        label={<>   Total Distance</>}
-                        value={format(focusedChain?.totalDistanceTravelled, {
-                          suffix: "km",
-                        })}
-                      />.........
-
-                      <Value
+                      noWrap
+                      sx={{ mr: 4 }}
+                      LabelProps={{ sx: { color: "inherit" } }}
+                      label={<>&#8709; Publishing interval </>}
+                      value={format(focusedChain?.frequency, {
+                        suffix: "years",
+                      })}
+                    />
+                    <Value
                       mb={0}
+                      noWrap
+                      sx={{ mr: 4 }}
+                      LabelProps={{ sx: { color: "inherit" } }}
+                      label={<>&#8709; Frequency Output </>}
+                      value={format(
+                        focusedChain?.speedOfSpreadRelativeToPublishingInterval,
+                        { suffix: "edition/year per interval" }
+                      )}
+                    />
+                    {focusedChain?.isOutgoing && (
+                      <Value
+                        mb={0}
                         noWrap
                         LabelProps={{ sx: { color: "inherit" } }}
-                        label={<>Average Speed</>}
-                        value={format(focusedChain?.averageChainSpeed, {
-                          suffix: "km/year",
+                        label={<>&#8709; Mean Speed</>}
+                        value={format(focusedChain?.speedOfSpread, {
+                          suffix: "km/year per interval",
                         })}
                       />
 
 
-
-
-
+                    )}
                   </Box>
 
 
@@ -246,7 +260,6 @@ const Header = () => {
 
 
 
-
                 </div>
               </Fade>
             </Box>