Fix the custom background translation strings

modules/ui/background.js

@@ -148,7 +148,7 @@ export function uiBackground(context) {
             .append('button')
             .attr('class', 'layer-browse')
             .call(tooltip()
-                .title(t('background.custom_button'))
+                .title(t('settings.custom_background.tooltip'))
                 .placement((textDirection === 'rtl') ? 'right' : 'left')
             )
             .on('click', editCustom)

modules/ui/settings/custom_background.js

@@ -20,12 +20,16 @@ export function uiSettingsCustomBackground(context) {
         introModal
             .append('div')
             .attr('class','modal-section cf')
-            .append('h3').text(t('background.custom_heading'));
+            .append('h3')
+            .text(t('settings.custom_background.heading'));
 
         introModal
             .append('div')
             .attr('class','modal-section')
-            .append('p').text(t('background.custom_prompt', { example: example }))
+            .append('pre')
+            .text(t('settings.custom_background.instructions', { example: example }));
+
+        introModal
             .append('textarea');
 
 
@@ -40,7 +44,6 @@ export function uiSettingsCustomBackground(context) {
             .append('div')
             .attr('class', 'modal-section');
 
-
         var cancelButton = buttonWrap
             .append('button')
             .attr('class', 'button-cancel')