tdf#147137 Unclear Text on decrease indent

+ some refactoring that includes icons

Change-Id: Ia26b5c20f295546474a1cc42147c69a16d3a91e9
Reviewed-on: https://gerrit.libreoffice.org/c/help/+/129379
Tested-by: Jenkins
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>

2 files changed, 115 insertions, 17 deletions

diff --git a/source/text/shared/01/05030100.xhp b/source/text/shared/01/05030100.xhp
index e8860efd90..9375088d2e 100644
--- a/source/text/shared/01/05030100.xhp
+++ b/source/text/shared/01/05030100.xhp
@@ -101,18 +101,70 @@
 <bookmark xml-lang="en-US" branch="hid/cui/ui/paraindentspacing/comboLB_LINEDIST" id="bm_id3153095" localize="false"/>
 <h2 xml-lang="en-US" id="hd_id3156441">Line spacing</h2>
       <paragraph xml-lang="en-US" id="par_id3146985" role="paragraph"><ahelp hid="cui/ui/paraindentspacing/comboLB_LINEDIST">Specify the amount of space to leave between lines of text in a paragraph.</ahelp></paragraph>
+      <section id="einzeiligtexth">
       <h3 xml-lang="en-US" id="hd_id3146923">Single</h3>
-      <paragraph xml-lang="en-US" id="par_id3150011" role="paragraph"><variable id="einzeiligtext">Applies single line spacing to the current paragraph. This is the default setting.
-</variable></paragraph>
+      <paragraph xml-lang="en-US" id="par_id3150011" role="paragraph"><variable id="einzeiligtext">Applies single line spacing to the current paragraph. This is the default setting.</variable></paragraph>
+      <table id="tab_id871643818442243">
+          <tablerow>
+              <tablecell>
+                  <paragraph id="par_id881643818442245" role="paragraph">
+                      <image src="cmd/lc_spacepara1.svg" id="img_id881643818442246" width="1cm"  height="1cm"><alt xml-lang="en-US" id="alt_id691643818442247">Icon Line Spacing 1</alt></image>
+                  </paragraph>
+              </tablecell>
+              <tablecell>
+                  <paragraph id="par_id651643818442248" role="paragraph" xml-lang="en-US">Line Spacing 1</paragraph>
+              </tablecell>
+          </tablerow>
+      </table>
+  </section>
+  <section id="one_point_one_five_spacingh">
       <h3 xml-lang="en-US" id="hd_id3199345">1.15 lines</h3>
-      <paragraph xml-lang="en-US" id="par_id3184601" role="paragraph"><variable id="one_point_one_five_spacing">Sets the line spacing to 1.15 lines.
-</variable></paragraph>
-      <h3 xml-lang="en-US" id="hd_id3148500">1.5 lines</h3>
-     <paragraph xml-lang="en-US" id="par_id3150094" role="paragraph"><variable id="eineinhalbzeiligtext">Sets the line spacing to 1.5 lines.
-</variable></paragraph>
-      <h3 xml-lang="en-US" id="hd_id3149378">Double</h3>
-      <paragraph xml-lang="en-US" id="par_id3154512" role="paragraph"><variable id="zweizeiligtext">Sets the line spacing to two lines.
-</variable></paragraph>
+      <paragraph xml-lang="en-US" id="par_id3184601" role="paragraph"><variable id="one_point_one_five_spacing">Sets the line spacing to 1.15 lines.</variable></paragraph>
+      <table id="tab_id611643818848836">
+          <tablerow>
+              <tablecell>
+                  <paragraph id="par_id461643818848838" role="paragraph">
+                      <image src="cmd/lc_spacepara1.svg" id="img_id721643818848839" width="1cm"  height="1cm"><alt xml-lang="en-US" id="alt_id211643818848840">Icon Line Spacing 1.15</alt></image>
+                  </paragraph>
+              </tablecell>
+              <tablecell>
+                  <paragraph id="par_id271643818848841" role="paragraph" xml-lang="en-US">Line Spacing 1.15</paragraph>
+              </tablecell>
+          </tablerow>
+      </table>
+      </section>
+      <section id="eineinhalbzeiligtexth">
+          <h3 xml-lang="en-US" id="hd_id3148500">1.5 lines</h3>
+      <paragraph xml-lang="en-US" id="par_id3150094" role="paragraph"><variable id="eineinhalbzeiligtext">Sets the line spacing to 1.5 lines.</variable></paragraph>
+      <table id="tab_id571643819136939">
+          <tablerow>
+              <tablecell>
+                  <paragraph id="par_id791643819136940" role="paragraph">
+                      <image src="cmd/lc_spacepara15.svg" id="img_id201643819136941" width="1cm"  height="1cm"><alt xml-lang="en-US" id="alt_id461643819136943">Icon Line Spacing 1.5</alt></image>
+                  </paragraph>
+              </tablecell>
+              <tablecell>
+                  <paragraph id="par_id831643819136944" role="paragraph" xml-lang="en-US">Line Spacing 1.5</paragraph>
+              </tablecell>
+          </tablerow>
+      </table>
+      </section>
+      <section id="zweizeiligtexth">
+          <h3 xml-lang="en-US" id="hd_id3149378">Double</h3>
+      <paragraph xml-lang="en-US" id="par_id3154512" role="paragraph"><variable id="zweizeiligtext">Sets the line spacing to two lines.</variable></paragraph>
+      <table id="tab_id141643819242728">
+          <tablerow>
+              <tablecell>
+                  <paragraph id="par_id421643819242730" role="paragraph">
+                      <image src="cmd/lc_spacepara2.svg" id="img_id861643819242731" width="1cm"  height="1cm"><alt xml-lang="en-US" id="alt_id961643819242732">Icon Line Spacing 2</alt></image>
+                  </paragraph>
+              </tablecell>
+              <tablecell>
+                  <paragraph id="par_id991643819242734" role="paragraph" xml-lang="en-US">Line Spacing 2</paragraph>
+              </tablecell>
+          </tablerow>
+      </table>
+      </section>
       <h3 xml-lang="en-US" id="hd_id3151206">Proportional</h3>
       <paragraph xml-lang="en-US" id="par_id3147494" role="paragraph">Select this option and then enter a percentage value in the box, where 100% corresponds to single line spacing.</paragraph>
       <h3 xml-lang="en-US" id="hd_id3156332">At Least</h3>
diff --git a/source/text/shared/submenu_spacing.xhp b/source/text/shared/submenu_spacing.xhp
index 005c85a889..9639b2b318 100644
--- a/source/text/shared/submenu_spacing.xhp
+++ b/source/text/shared/submenu_spacing.xhp
@@ -36,19 +36,65 @@
         <section id="howtoget">
             <embed href="text/shared/00/00040500.xhp#submenu_spacing"/>
         </section>
-        <h2 id="hd_id3154944">Line Spacing: 1</h2>
-        <embed href="text/shared/01/05030100.xhp#einzeiligtext"/>
-        <h2 id="hd_id3146969">Line Spacing: 1.5</h2>
-        <embed href="text/shared/01/05030100.xhp#eineinhalbzeiligtext"/>
-        <h2 id="hd_id3153711">Line Spacing: 2</h2>
-        <embed href="text/shared/01/05030100.xhp#zweizeiligtext"/>
+        <embed href="text/shared/01/05030100.xhp#einzeiligtexth"/>
+        <embed href="text/shared/01/05030100.xhp#one_point_one_five_spacingh"/>
+        <embed href="text/shared/01/05030100.xhp#eineinhalbzeiligtexth"/>
+        <embed href="text/shared/01/05030100.xhp#zweizeiligtexth"/>
         <h2 id="hd_id3147573">Increase Paragraph Spacing</h2>
         <paragraph role="paragraph" id="par_id3150695">Increases the paragraph spacing above the selected paragraph.</paragraph>
+        <table id="tab_id621643820768224">
+            <tablerow>
+                <tablecell>
+                    <paragraph id="par_id261643820768225" role="paragraph">
+                        <image src="cmd/lc_paraspaceincrease.svg" id="img_id901643820768226" width="1cm"  height="1cm"><alt xml-lang="en-US" id="alt_id831643820768227">Icon Increase Paragraph Spacing</alt></image>
+                    </paragraph>
+                </tablecell>
+                <tablecell>
+                    <paragraph id="par_id131643820768228" role="paragraph" xml-lang="en-US">Increase Paragraph Spacing</paragraph>
+                </tablecell>
+            </tablerow>
+        </table>
         <h2 id="hd_id3147574">Decrease Paragraph Spacing</h2>
         <paragraph role="paragraph" id="par_id3150696">Decreases the paragraph spacing above the selected paragraph.</paragraph>
+        <table id="tab_id481643820835490">
+            <tablerow>
+                <tablecell>
+                    <paragraph id="par_id791643820835491" role="paragraph">
+                        <image src="cmd/lc_paraspacedecrease.svg" id="img_id391643820835492" width="1cm"  height="1cm"><alt xml-lang="en-US" id="alt_id551643820835493">Icon Decrease Paragraph Spacing</alt></image>
+                    </paragraph>
+                </tablecell>
+                <tablecell>
+                    <paragraph id="par_id141643820835494" role="paragraph" xml-lang="en-US">Decrease Paragraph Spacing</paragraph>
+                </tablecell>
+            </tablerow>
+        </table>
         <h2 id="hd_id3147575">Increase Indent</h2>
         <paragraph role="paragraph" id="par_id3150697">Increases the left indent of the current paragraph or cell content and sets it to the next default tab position. If several paragraphs are selected, the indentation of all selected paragraphs is increased.</paragraph>
+        <table id="tab_id311643820903540">
+            <tablerow>
+                <tablecell>
+                    <paragraph id="par_id351643820903541" role="paragraph">
+                        <image src="cmd/lc_incrementindent.svg" id="img_id161643820903542" width="1cm"  height="1cm"><alt xml-lang="en-US" id="alt_id981643820903543">Icon Increase Indent</alt></image>
+                    </paragraph>
+                </tablecell>
+                <tablecell>
+                    <paragraph id="par_id841643820903544" role="paragraph" xml-lang="en-US">Increase Indent</paragraph>
+                </tablecell>
+            </tablerow>
+        </table>
         <h2 id="hd_id3147576">Decrease Indent</h2>
-        <paragraph role="paragraph" id="par_id3150698">Decreases the left indent of the current paragraph or cell content and sets it to the previous default tab position. If you previously increased the indentation for several collectively selected paragraphs, this command can decrease the indentation for all of the selected paragraphs.</paragraph>
+        <paragraph role="paragraph" id="par_id3150698">Decreases the left indent of the current paragraph or cell content and sets it to the previous default tab position. If several paragraphs are selected, the indentation of all selected paragraphs is decreased.</paragraph>
+        <table id="tab_id941643820966564">
+            <tablerow>
+                <tablecell>
+                    <paragraph id="par_id191643820966566" role="paragraph">
+                        <image src="cmd/lc_decrementindent.svg" id="img_id601643820966567" width="1cm"  height="1cm"><alt xml-lang="en-US" id="alt_id991643820966568">Icon Decrease Indent</alt></image>
+                    </paragraph>
+                </tablecell>
+                <tablecell>
+                    <paragraph id="par_id201643820966569" role="paragraph" xml-lang="en-US">Decrease Indent</paragraph>
+                </tablecell>
+            </tablerow>
+        </table>
     </body>
 </helpdocument>