[DOCS] web_touchscreen: add screenshot

Follow suggestion from #2701 (comment).

@moduon MT-4472

Author: yajo

web_touchscreen/README.rst

@@ -7,7 +7,7 @@ Web Touchscreen
    !! This file is generated by oca-gen-addon-readme !!
    !! changes will be overwritten.                   !!
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-   !! source digest: sha256:e5b59e225d718b18262fbc8a0da3408dc0fd5523eaf421014865f22d3ab9b5e1
+   !! source digest: sha256:28be01a795f7908f83d483e97e274f5d5ae40909ca9d38d9685efba9c051b80a
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 
 .. |badge1| image:: https://img.shields.io/badge/maturity-Alpha-red.png
@@ -31,6 +31,19 @@ Web Touchscreen
 This module prefers kanban sub-form views when using a tablet, or any
 other device with a touch screen, no matter its size.
 
+For example, these screenshots showcase a sale order in a tablet:
+
+=================== ================
+Without this module With this module
+=================== ================
+|Before|            |After|
+=================== ================
+
+.. |Before| image:: https://github.com/OCA/web/assets/973709/caa0be55-ec6b-45e8-af94-7492df08dfcc
+   :target: https://github.com/OCA/web/assets/973709/caa0be55-ec6b-45e8-af94-7492df08dfcc
+.. |After| image:: https://github.com/OCA/web/assets/973709/345c1139-879d-4eb5-a828-786b1e3bc7b8
+   :target: https://github.com/OCA/web/assets/973709/345c1139-879d-4eb5-a828-786b1e3bc7b8
+
 .. IMPORTANT::
    This is an alpha version, the data model and design can change at any time without warning.
    Only for development or testing purpose, do not use in production.

web_touchscreen/readme/DESCRIPTION.md

@@ -1,2 +1,12 @@
 This module prefers kanban sub-form views when using a tablet, or any other
 device with a touch screen, no matter its size.
+
+For example, these screenshots showcase a sale order in a tablet:
+
+| Without this module   | With this module    |
+| --------------------- | ------------------- |
+| [![Before][]][Before] | [![After][]][After] |
+
+
+[Before]: https://github.com/OCA/web/assets/973709/caa0be55-ec6b-45e8-af94-7492df08dfcc
+[After]: https://github.com/OCA/web/assets/973709/345c1139-879d-4eb5-a828-786b1e3bc7b8

web_touchscreen/static/description/index.html

@@ -367,11 +367,28 @@ <h1 class="title">Web Touchscreen</h1>
 !! This file is generated by oca-gen-addon-readme !!
 !! changes will be overwritten.                   !!
 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-!! source digest: sha256:e5b59e225d718b18262fbc8a0da3408dc0fd5523eaf421014865f22d3ab9b5e1
+!! source digest: sha256:28be01a795f7908f83d483e97e274f5d5ae40909ca9d38d9685efba9c051b80a
 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
 <p><a class="reference external image-reference" href="https://odoo-community.org/page/development-status"><img alt="Alpha" src="https://img.shields.io/badge/maturity-Alpha-red.png" /></a> <a class="reference external image-reference" href="http://www.gnu.org/licenses/lgpl-3.0-standalone.html"><img alt="License: LGPL-3" src="https://img.shields.io/badge/licence-LGPL--3-blue.png" /></a> <a class="reference external image-reference" href="https://github.com/OCA/web/tree/16.0/web_touchscreen"><img alt="OCA/web" src="https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github" /></a> <a class="reference external image-reference" href="https://translation.odoo-community.org/projects/web-16-0/web-16-0-web_touchscreen"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external image-reference" href="https://runboat.odoo-community.org/builds?repo=OCA/web&amp;target_branch=16.0"><img alt="Try me on Runboat" src="https://img.shields.io/badge/runboat-Try%20me-875A7B.png" /></a></p>
 <p>This module prefers kanban sub-form views when using a tablet, or any
 other device with a touch screen, no matter its size.</p>
+<p>For example, these screenshots showcase a sale order in a tablet:</p>
+<table border="1" class="docutils">
+<colgroup>
+<col width="54%" />
+<col width="46%" />
+</colgroup>
+<thead valign="bottom">
+<tr><th class="head">Without this module</th>
+<th class="head">With this module</th>
+</tr>
+</thead>
+<tbody valign="top">
+<tr><td><a class="reference external image-reference" href="https://github.com/OCA/web/assets/973709/caa0be55-ec6b-45e8-af94-7492df08dfcc"><img alt="Before" src="https://github.com/OCA/web/assets/973709/caa0be55-ec6b-45e8-af94-7492df08dfcc" /></a></td>
+<td><a class="reference external image-reference" href="https://github.com/OCA/web/assets/973709/345c1139-879d-4eb5-a828-786b1e3bc7b8"><img alt="After" src="https://github.com/OCA/web/assets/973709/345c1139-879d-4eb5-a828-786b1e3bc7b8" /></a></td>
+</tr>
+</tbody>
+</table>
 <div class="admonition important">
 <p class="first admonition-title">Important</p>
 <p class="last">This is an alpha version, the data model and design can change at any time without warning.