Fix 'plus more' text

- Seen in Deployment list Images column
- Translation was missing, so only ever showed a single image
- Also moved global scoped `plus-more` to a more fitting place

assets/styles/base/_helpers.scss

@@ -249,3 +249,8 @@ $spacing-property-map: (
   margin-bottom: 20px;
   border-radius: var(--border-radius);
 }
+
+.plus-more {
+  color: var(  --input-placeholder );
+  font-size: 0.8em;
+}

assets/translations/en-us.yaml

@@ -26,6 +26,7 @@ generic:
   none: None
   number: '{prefix}{value, number}{suffix}'
   overview: Overview
+  plusMore: "+ {n} more"
   readFromFile: Read from File
   register: Register
   remove: Remove

components/formatter/RouterDestination.vue

@@ -97,7 +97,7 @@ export default {
       {{ route }}
     </a>
     <br />
-    <span v-if="remaining > 0" class="plus-more">+{{ remaining }} more</span>
+    <span v-if="remaining > 0" class="plus-more">{{ t('generic.plusMore', {n:remaining}) }}</span>
   </span>
 </template>
 

components/formatter/RouterMatch.vue

@@ -73,7 +73,7 @@ export default {
       {{ methodToShow }} = {{ valueToShow }}
     </span>
     <br />
-    <span v-if="remaining>0" class="plus-more">+{{ remaining }} more</span>
+    <span v-if="remaining>0" class="plus-more">{{ t('generic.plusMore', {n:remaining}) }}</span>
   </span>
   <span v-else class="text-muted">
     &mdash;
@@ -84,8 +84,4 @@ export default {
 .col-router-match {
   color: var(--input-label);
 }
-.plus-more{
-  color: var(  --input-placeholder );
-  font-size: 0.8em;
-}
 </style>