add dashed lines to help

src/plugin/ui.ts

@@ -64,11 +64,11 @@ let helpBonds = `
 <table class='pdb-lig-env-help-table' style="border-bottom: 0.5px solid black; padding-bottom: 10px;">
 <tr>
     <td>
-        <hr style="border: 0 none; border-top: 5px solid #AD4379; background: none; height: 0;" />
+        <hr style="border: 0 none; border-top: 5px dashed #AD4379; background: none; height: 0;" />
     </td>
     <td>aromatic</td>
     <td>
-            <hr style="border: 0 none; border-top: 5px solid #FF5050; background: none; height: 0;" />
+            <hr style="border: 0 none; border-top: 5px dashed #FF5050; background: none; height: 0;" />
     </td>
     <td>clashes</td>
 </tr>
@@ -78,7 +78,7 @@ let helpBonds = `
     </td>
     <td>covalent</td>
     <td>
-            <hr style="border: 0 none; border-top: 5px solid #3F26BF; background: none; height: 0;" />
+            <hr style="border: 0 none; border-top: 5px dashed #3F26BF; background: none; height: 0;" />
     </td>
     <td>electrostatic</td>
 
@@ -94,7 +94,7 @@ let helpBonds = `
 
 <tr>
     <td>
-        <hr style="border: 0 none; border-top: 5px solid #9B7653; background: none; height: 0;" />
+        <hr style="border: 0 none; border-top: 5px dashed #9B7653; background: none; height: 0;" />
     </td>
     <td>vdw</td>
 </tr>