fix(docs): missing image in geomap

docs/User Guide/User Guide/Note Types/Geo map.md

@@ -17,8 +17,8 @@ The position on the map and the zoom are saved inside the map note and restored
 
 |     |     |     |
 | --- | --- | --- |
-| 1   |     | To create a marker, first navigate to the desired point on the map. Then press the ![](15_Geo%20map_image.png)button on the top-right of the map.   <br>  <br>If the button is not visible, make sure the button section is visible by pressing the chevron button ( ![](2_Geo%20map_image.png)) in the top-right of the map. |
+| 1   |     | To create a marker, first navigate to the desired point on the map. Then press the ![](15_Geo%20map_image.png)button on the top-right of the map.    <br>  <br>If the button is not visible, make sure the button section is visible by pressing the chevron button ( ![](2_Geo%20map_image.png)) in the top-right of the map. |
-| 2   | ![](3_Geo%20map_image.png) | Once pressed, the map will enter in the insert mode, as illustrated by the notification.   <br>  <br>Simply click the point on the map where to place the marker, or the Escape key to cancel. |
+| 2   | ![](3_Geo%20map_image.png) | Once pressed, the map will enter in the insert mode, as illustrated by the notification.    <br>  <br>Simply click the point on the map where to place the marker, or the Escape key to cancel. |
 | 3   | ![](9_Geo%20map_image.png) | Enter the name of the marker/note to be created. |
 | 4   | ![](16_Geo%20map_image.png) | Once confirmed, the marker will show up on the map and it will also be displayed as a child note of the map. |
 
@@ -50,7 +50,7 @@ If moved by mistake, there is currently no way to undo the change. If the mouse
 
 ## Icon and color of the markers
 
-!\[image\](8\_Geo map\_image.png)
+![image](Geo%20map_image.jpg)
 
 The markers will have the same icon as the note.
 
@@ -66,7 +66,7 @@ The value of the attribute is made up of the latitude and longitude separated by
 
 |     |     |     |
 | --- | --- | --- |
-| 1   | ![](12_Geo%20map_image.png) | Go to Google Maps on the web and look for a desired location, right click on it and a context menu will show up.   <br>  <br>Simply click on the first item displaying the coordinates and they will be copied to clipboard.   <br>  <br>Then paste the value inside the text box into the `#geolocation` attribute of a child note of the map (don't forget to surround the value with a `"` character). |
+| 1   | ![](12_Geo%20map_image.png) | Go to Google Maps on the web and look for a desired location, right click on it and a context menu will show up.    <br>  <br>Simply click on the first item displaying the coordinates and they will be copied to clipboard.    <br>  <br>Then paste the value inside the text box into the `#geolocation` attribute of a child note of the map (don't forget to surround the value with a `"` character). |
 | 2   | ![](5_Geo%20map_image.png) | In Trilium, create a child note under the map. |
 | 3   | ![](11_Geo%20map_image.png) | And then go to Owned Attributes and type `#geolocation="`, then paste from the clipboard as-is and then add the ending `"` character. Press Enter to confirm and the map should now be updated to contain the new note. |
 
@@ -77,7 +77,7 @@ Similarly to the Google Maps approach:
 |     |     |     |
 | --- | --- | --- |
 | 1   | ![](1_Geo%20map_image.png) | Go to any location on openstreetmap.org and right click to bring up the context menu. Select the “Show address” item. |
-| 2   | ![](Geo%20map_image.png) | The address will be visible in the top-left of the screen, in the place of the search bar.   <br>  <br>Select the coordinates and copy them into the clipboard. |
+| 2   | ![](Geo%20map_image.png) | The address will be visible in the top-left of the screen, in the place of the search bar.    <br>  <br>Select the coordinates and copy them into the clipboard. |
 | 3   | ![](6_Geo%20map_image.png) | Simply paste the value inside the text box into the `#geolocation` attribute of a child note of the map and then it should be displayed on the map. |
 
 ## Adding GPS tracks (.gpx)
@@ -88,7 +88,7 @@ Trilium has basic support for displaying GPS tracks on the geo map.
 | --- | --- | --- |
 | 1   | ![](4_Geo%20map_image.png) | To add a track, simply drag & drop a .gpx file inside the geo map in the note tree. |
 | 2   | ![](14_Geo%20map_image.png) | In order for the file to be recognized as a GPS track, it needs to show up as `application/gpx+xml` in the _File type_ field. |
-| 3   | ![](7_Geo%20map_image.png) | When going back to the map, the track should now be visible.   <br>  <br>The start and end points of the track are indicated by the two blue markers. |
+| 3   | ![](7_Geo%20map_image.png) | When going back to the map, the track should now be visible.    <br>  <br>The start and end points of the track are indicated by the two blue markers. |
 
 ## Troubleshooting
 

src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Geo map.html

@@ -14,12 +14,13 @@
 
       <div class="ck-content">
         <h2>Creating a new geo map</h2>
+        <figure class="table">
           <table>
             <thead>
               <tr>
-              <th></th>
+                <th>&nbsp;</th>
-              <th></th>
+                <th>&nbsp;</th>
-              <th></th>
+                <th>&nbsp;</th>
               </tr>
             </thead>
             <tbody>
@@ -39,7 +40,7 @@
               </tr>
             </tbody>
           </table>
-        
+        </figure>
         <h2>Repositioning the map</h2>
         <ul>
           <li>Click and drag the map in order to move across the map.</li>
@@ -49,21 +50,22 @@
         <p>The position on the map and the zoom are saved inside the map note and
           restored when visiting again the note.</p>
         <h2>Adding a marker using the map</h2>
+        <figure class="table">
           <table>
             <thead>
               <tr>
-              <th></th>
+                <th>&nbsp;</th>
-              <th></th>
+                <th>&nbsp;</th>
-              <th></th>
+                <th>&nbsp;</th>
               </tr>
             </thead>
             <tbody>
               <tr>
                 <td>1</td>
-              <td></td>
+                <td>&nbsp;</td>
                 <td>To create a marker, first navigate to the desired point on the map. Then
                   press the
-                <img src="15_Geo map_image.png">button on the top-right of the map.&nbsp;
+                  <img src="15_Geo map_image.png">button on the top-right of the map.&nbsp;&nbsp;
                   <br>
                   <br>If the button is not visible, make sure the button section is visible
                   by pressing the chevron button (
@@ -75,7 +77,7 @@
                   <img src="3_Geo map_image.png">
                 </td>
                 <td>Once pressed, the map will enter in the insert mode, as illustrated by
-                the notification.&nbsp;
+                  the notification.&nbsp;&nbsp;
                   <br>
                   <br>Simply click the point on the map where to place the marker, or the Escape
                   key to cancel.</td>
@@ -97,7 +99,7 @@
               </tr>
             </tbody>
           </table>
-        
+        </figure>
         <h2>How the location of the markers is stored</h2>
         <p>The location of a marker is stored in the <code>#geolocation</code> attribute
           of the child notes:</p>
@@ -135,7 +137,10 @@
           </li>
         </ul>
         <h2>Icon and color of the markers</h2>
-        <p>![image](8_Geo map_image.png)</p>
+        <figure class="image image-style-align-center">
+          <img style="aspect-ratio:523/295;" src="Geo map_image.jpg" alt="image"
+          width="523" height="295">
+        </figure>
         <p>The markers will have the same icon as the note.</p>
         <p>It's possible to add a custom color to a marker by assigning them a <code>#color</code> attribute
           such as <code>#color=green</code>.</p>
@@ -145,12 +150,13 @@
         <p>The value of the attribute is made up of the latitude and longitude separated
           by a comma.</p>
         <h3>Adding from Google Maps</h3>
+        <figure class="table">
           <table>
             <thead>
               <tr>
-              <th></th>
+                <th>&nbsp;</th>
-              <th></th>
+                <th>&nbsp;</th>
-              <th></th>
+                <th>&nbsp;</th>
               </tr>
             </thead>
             <tbody>
@@ -160,10 +166,10 @@
                   <img src="12_Geo map_image.png">
                 </td>
                 <td>Go to Google Maps on the web and look for a desired location, right click
-                on it and a context menu will show up.&nbsp;
+                  on it and a context menu will show up.&nbsp;&nbsp;
                   <br>
                   <br>Simply click on the first item displaying the coordinates and they will
-                be copied to clipboard.&nbsp;
+                  be copied to clipboard.&nbsp;&nbsp;
                   <br>
                   <br>Then paste the value inside the text box into the <code>#geolocation</code> attribute
                   of a child note of the map (don't forget to surround the value with a <code>"</code> character).</td>
@@ -187,15 +193,16 @@
               </tr>
             </tbody>
           </table>
-        
+        </figure>
         <h3>Adding from OpenStreetMap</h3>
         <p>Similarly to the Google Maps approach:</p>
+        <figure class="table">
           <table>
             <thead>
               <tr>
-              <th></th>
+                <th>&nbsp;</th>
-              <th></th>
+                <th>&nbsp;</th>
-              <th></th>
+                <th>&nbsp;</th>
               </tr>
             </thead>
             <tbody>
@@ -213,7 +220,7 @@
                   <img src="Geo map_image.png">
                 </td>
                 <td>The address will be visible in the top-left of the screen, in the place
-                of the search bar.&nbsp;
+                  of the search bar.&nbsp;&nbsp;
                   <br>
                   <br>Select the coordinates and copy them into the clipboard.</td>
               </tr>
@@ -227,15 +234,17 @@
               </tr>
             </tbody>
           </table>
-        
+        </figure>
         <h2>Adding GPS tracks (.gpx)</h2>
         <p>Trilium has basic support for displaying GPS tracks on the geo map.</p>
+        <figure
+        class="table">
           <table>
             <thead>
               <tr>
-              <th></th>
+                <th>&nbsp;</th>
-              <th></th>
+                <th>&nbsp;</th>
-              <th></th>
+                <th>&nbsp;</th>
               </tr>
             </thead>
             <tbody>
@@ -260,13 +269,13 @@
                 <td>
                   <img src="7_Geo map_image.png">
                 </td>
-              <td>When going back to the map, the track should now be visible.&nbsp;
+                <td>When going back to the map, the track should now be visible.&nbsp;&nbsp;
                   <br>
                   <br>The start and end points of the track are indicated by the two blue markers.</td>
               </tr>
             </tbody>
           </table>
-        
+          </figure>
           <h2>Troubleshooting</h2>
           <p>
             <img src="13_Geo map_image.png">