From 5d601cf1fe8f222e187adabdcd0b443a2c909748 Mon Sep 17 00:00:00 2001
From: Stewart Allen <stewart.allen@gmail.com>
Date: Sat, 27 Feb 2021 13:02:53 -0500
Subject: [PATCH] reflow control help. add hanging indent in help bullets

---
 web/kiri/index.css         |  6 ++++--
 web/kiri/lang/da-help.html |  3 +--
 web/kiri/lang/de-help.html | 14 ++------------
 web/kiri/lang/en-help.html | 12 +-----------
 web/kiri/lang/fr-help.html | 14 ++------------
 5 files changed, 10 insertions(+), 39 deletions(-)

diff --git a/web/kiri/index.css b/web/kiri/index.css
index 3c8c3fd7..2e077c8f 100644
--- a/web/kiri/index.css
+++ b/web/kiri/index.css
@@ -965,6 +965,8 @@ th, tr, td, label {
 }
 #help .content li {
     line-height: 1.75em;
+    padding-left: 22px ;
+    text-indent: -22px ;
 }
 #help .footer {
     font-family: monospace;
@@ -997,7 +999,7 @@ th, tr, td, label {
     border-right: 0;
 }
 #help-tabs {
-    width: 600px;
+    width: 550px;
     height: 450px;
     transform: translateX(-1px);
 }
@@ -1542,4 +1544,4 @@ th, tr, td, label {
 }
 .range-detail span {
     flex-grow: 1;
-}
\ No newline at end of file
+}
diff --git a/web/kiri/lang/da-help.html b/web/kiri/lang/da-help.html
index b2a2b1a1..0bd54eb4 100644
--- a/web/kiri/lang/da-help.html
+++ b/web/kiri/lang/da-help.html
@@ -67,8 +67,7 @@
                 <tr><td>mouse-wheel</td><td>Zoom</td></tr>
                 <tr><td>middle-drag</td><td>Zoom</td></tr>
                 <tr><td>2-touch-pinch</td><td>Zoom</td></tr>
-            </table>
-            <table>
+                <tr><td><br><br></td></tr>
                 <tr><th colspan=2 class="header">Konfiguration</th></tr>
                 <tr><td><label>?</label></td><td>Dette Hjælpe Vindue</td></tr>
                 <tr><td><label>e</label></td><td>Enhed Udvælger</td></tr>
diff --git a/web/kiri/lang/de-help.html b/web/kiri/lang/de-help.html
index a775fbcb..4cf21fe2 100644
--- a/web/kiri/lang/de-help.html
+++ b/web/kiri/lang/de-help.html
@@ -11,13 +11,6 @@
         <div class="help-label" tab="about">Über</div>
         <div class="help-label" tab="start">starting</div>
         <div class="help-label" tab="controls">Steuerung</div>
-        <!--
-        <hr width=75%>
-        <div class="help-label" tab="print">3D Druck</div>
-        <div class="help-label" tab="mill">CNC Fräsen</div>
-        <div class="help-label" tab="laser">Laser Cutting</div>
-        <hr width=75%>
-        -->
         <div class="help-label" tab="support">Unterstützung</div>
         <div class="help-label" tab="project">Das Projekt</div>
     </div>
@@ -60,7 +53,7 @@
                     <li><button><i class="fas fa-bars"></i></button> Mit Slice siehst du, wie die Parameter sich auf Objekte auswirken</li>
                     <li><button><i class="fas fa-cubes"></i></button> Vorschau berechnet Pfade (Maschinen-Anweisungen) aus den gesliceten Objekten</li>
                     <li><button><i class="fas fa-file-download"></i></button> Export speichert diese Pfade in GCode- oder SVG-Dateien</li>
-                
+
                 </p>
             </div>
             <div class="content">
@@ -120,10 +113,7 @@
                     <tr><td></td></tr>
                     <tr><td colspan=2 class="header2">Hilfe</td></tr>
                     <tr><td><label>?</label></td><td>Dieses Fenster</td></tr>
-                    <tr><td></td></tr>
-                </table>
-                <div class="t-pad"></div>
-                <table>
+                    <tr><td><br><br></td></tr>
                     <tr><td colspan="2" class="header">Maus-Kontrollen</td><tr>
                     <tr><td></td></tr>
                     <tr><th>Tastenkombination</th><th>Befehl</th></tr>
diff --git a/web/kiri/lang/en-help.html b/web/kiri/lang/en-help.html
index 0b7bcef1..acd45712 100644
--- a/web/kiri/lang/en-help.html
+++ b/web/kiri/lang/en-help.html
@@ -11,13 +11,6 @@
         <div class="help-label" tab="about">about</div>
         <div class="help-label" tab="start">starting</div>
         <div class="help-label" tab="controls">controls</div>
-        <!--
-        <hr width=75%>
-        <div class="help-label" tab="print">3d print</div>
-        <div class="help-label" tab="mill">cnc mill</div>
-        <div class="help-label" tab="laser">laser cut</div>
-        <hr width=75%>
-        -->
         <div class="help-label" tab="support">support</div>
         <div class="help-label" tab="project">project</div>
     </div>
@@ -118,10 +111,7 @@
                     <tr><td></td></tr>
                     <tr><td colspan=2 class="header2">Help</td></tr>
                     <tr><td><label>?</label></td><td>This Window</td></tr>
-                    <tr><td></td></tr>
-                </table>
-                <div class="t-pad"></div>
-                <table>
+                    <tr><td><br><br></td></tr>
                     <tr><td colspan="2" class="header">Mouse Controls</td><tr>
                     <tr><td></td></tr>
                     <tr><th>Combo</th><th>Action</th></tr>
diff --git a/web/kiri/lang/fr-help.html b/web/kiri/lang/fr-help.html
index 1ba0c196..60351e17 100644
--- a/web/kiri/lang/fr-help.html
+++ b/web/kiri/lang/fr-help.html
@@ -11,13 +11,6 @@
         <div class="help-label" tab="about">A propos</div>
         <div class="help-label" tab="start">débuter</div>
         <div class="help-label" tab="controls">contrôles</div>
-        <!--
-        <hr width=75%>
-        <div class="help-label" tab="print">3d print</div>
-        <div class="help-label" tab="mill">cnc mill</div>
-        <div class="help-label" tab="laser">laser cut</div>
-        <hr width=75%>
-        -->
         <div class="help-label" tab="support">support</div>
         <div class="help-label" tab="project">projet</div>
     </div>
@@ -118,10 +111,7 @@
                     <tr><td></td></tr>
                     <tr><td colspan=2 class="header2">Aide</td></tr>
                     <tr><td><label>?</label></td><td>Cette fenêtre</td></tr>
-                    <tr><td></td></tr>
-                </table>
-                <div class="t-pad"></div>
-                <table>
+                    <tr><td><br><br></td></tr>
                     <tr><td colspan="2" class="header">Contrôles via la souris</td><tr>
                     <tr><td></td></tr>
                     <tr><th>Combo</th><th>Action</th></tr>
@@ -157,7 +147,7 @@
                 Dans <button><i class="fas fa-user-cog"></i></button> le menu utilsateur en haut à droite,
                 utiliser l'option <span class="mono">export</span> pour créer unecopie téléchargeable des
                 profils du matériel et (optionellement) de l'espace de travail. Ce fichier pourra ensuite
-                être utilisé pour contrôler et rétablir un instantané de votre installation à tout moment. 
+                être utilisé pour contrôler et rétablir un instantané de votre installation à tout moment.
                 Il peut également être partagé afin que les développeurs et autres utilisateurs puissent
                 reproduire votre environnement pour aider au débogage.
             </p>