Fix images layout in user content translations

Depending on the size of the window, these images can look pretty bad
when they're displayed right after some text, since on GitBook they
might appear in the middle of the paragraph.

docs/en/features/user_content_translations.md

@@ -45,15 +45,19 @@ Once we have the api key in our `secrets.yml` and the feature enabled, users wil
 We attach some screenshots of how the application interacts with our users:
 
 * When a user visits a page in a language without translated content, an informative text will appear at the top of the page next to a button to request the translation. (**Note:** *If a user visits a page with a language not supported by the translation service, no text or translation button will be displayed. See section: Available languages for remote translation*)
+
   ![The text "The content of this page is not available in your language" is displayed next to a "Translate page" button at the top of the page](../../img/translations/remote_translations/display-text-and-button-en.png)
 
 * Once the user clicks the `Translate page` button, the translations are enqueued and the page is reloaded with a notice (*informing that the translations have been requested correctly*) and an informative text in the header (*explaining when you will be able to see these translations*).
+
   ![Display notice and text after enqueued translations](../../img/translations/remote_translations/display-notice-and-text-after-enqueued-en.png)
 
 * If a user visits a page that does not have translations but its translations have already been requested by another user, the application will not show the translate button but an informative text in the header (*explaining when you will be able to see these translations*).
+
   ![Display text explaining that translations are pending](../../img/translations/remote_translations/display-text-translations-pending-en.png)
 
 * The translation request, response processing and data saving are processed by background jobs and, as soon as they've finished, the user will be able to read them after refreshing the page.
+
   ![Display translated content](../../img/translations/remote_translations/display-translated-content-en.png)
 
 ### Available languages for remote translation
@@ -127,8 +131,10 @@ Depending on whether we enable or disable the **Translation Interface** feature
   Additionally, the interface provides a link `Remove language` to delete the current language shown at "Select language". If a user accidentally removes a translation they can recover it by re-adding it to the form.
 
   This feature is visible during the creation and edition of translatable resources.
+
   ![Translations interface enabled](../../img/translations/interface_translations/translations-interface-enabled-en.png)
 
 * When the translation interface is disabled:
   When this feature is disabled users will see standard forms without the translation interface and without highlighted translation fields.
+
   ![Translations interface disabled](../../img/translations/interface_translations/translations-interface-disabled-en.png)

docs/es/features/user_content_translations.md

@@ -45,15 +45,19 @@ Una vez tenemos la api key en nuestro `secrets.yml` y la funcionalidad activada,
 Para aclarar el funcionamiento, se adjuntan unos pantallazos de cómo interactúa la aplicación con nuestros usuarios:
 
 * Cuando un usuario accede a una pantalla en un idioma en el que no están disponibles todas las traducciones, le aparecerá un texto en la parte superior de la pantalla y un botón para poder solicitar la traducción. (**Nota:** *En el caso de acceder con un idioma no soportado por el servicio de traducción no se mostrará ningún texto ni botón de traducción. Ver sección: Idiomas disponibles para la traducción remota*)
+
   ![Se muestra el texto "El contenido de esta página no esta disponible en tu idioma" y al lado el botón de traducción "Traducir página" en la parte superior de la página](../../img/translations/remote_translations/display-text-and-button-es.png)
 
 * Una vez el usuario pulsa el botón de `Traducir página` se encolan las traducciones y se recarga la pantalla con un notice (*informando que se han solicitado correctamente las traducciones*) y un texto informativo en la cabecera (*explicando cuándo podrá ver estas traducciones*).
+
   ![Se informa al usuario que se han solicitado las traducciones](../../img/translations/remote_translations/display-notice-and-text-after-enqueued-es.png)
 
 * Si un usuario accede a una pantalla que no dispone de traducciones pero ya han sido solicitadas por otro usuario, la aplicación no le mostrará el botón de traducir, pero sí un texto informativo en la cabecera (*explicando cuándo podrá ver estas traducciones*).
+
   ![Se informa al usuario que las traducciones están pendientes](../../img/translations/remote_translations/display-text-translations-pending-es.png)
 
 * Las peticiones de traducción se delegan a `Delayed Job` y en cuanto haya sido procesada, el usuario después de refrescar su página podrá ver el contenido traducido.
+
   ![Se muestra el contenido traducido](../../img/translations/remote_translations/display-translated-content-es.png)
 
 ### Idiomas disponibles para la traducción remota
@@ -127,8 +131,10 @@ Dependiendo de si activamos o desactivamos el módulo de **Interfaz de traducci
  También disponemos de un botón `Eliminar idioma` para eliminar un idioma en caso de necesitarlo. Si un usuario elimina accidentalmente un idioma puede recuperarlo añadiendo dicho idioma otra vez al formulario.
 
  Esta funcionalidad está visible tanto para las páginas de creación como para las páginas de edición.
+
  ![Interfaz de traducción activada](../../img/translations/interface_translations/translations-interface-enabled-es.png)
 
 * Cuando la interfaz de traducción está desactivada:
   Cuando esta funcionalidad está desactivada los formularios se renderizan sin la interfaz de traducción y sin resaltar los campos traducibles con fondo azul.
+
   ![Interfaz de traducción desactivada](../../img/translations/interface_translations/translations-interface-disabled-es.png)