[web] Simplify multiline texts in translations

web-src/src/components/ControlSlider.vue

@@ -7,7 +7,7 @@
     :max="max"
     type="range"
     :style="{
-      '--ratio': ratio,
+      '--ratio': ratio
     }"
     @input="$emit('update:value', $event.target.valueAsNumber)"
   />

web-src/src/components/ListAlbums.vue

@@ -56,11 +56,14 @@
       @delete="remove_podcast"
     >
       <template #modal-content>
-        <p v-text="$t('list.albums.info-1')" />
-        <p class="is-size-7">
-          (<span v-text="$t('list.albums.info-2')" />
-          <b v-text="rss_playlist_to_remove.name" />)
-        </p>
+        <i18n-t keypath="list.albums.info" tag="p" scope="global">
+          <template #separator>
+            <br />
+          </template>
+          <template #name>
+            <b v-text="rss_playlist_to_remove.name" />
+          </template>
+        </i18n-t>
       </template>
     </modal-dialog-action>
   </teleport>

web-src/src/components/ModalDialogAction.vue

@@ -9,11 +9,7 @@
         <mdicon class="icon" name="cancel" size="16" />
         <span class="is-size-7" v-text="close_action" />
       </a>
-      <a
-        v-if="delete_action"
-        class="card-footer-item has-background-danger"
-        @click="$emit('delete')"
-      >
+      <a v-if="delete_action" class="card-footer-item" @click="$emit('delete')">
         <mdicon class="icon" name="delete" size="16" />
         <span class="is-size-7" v-text="delete_action" />
       </a>