[styles] Arrowed lists now have a left border (line), rather than the sideways T

1 files changed, 3 insertions, 10 deletions

diff --git a/src/styles.css b/src/styles.css
index 9f2f878..a3c3c13 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -396,25 +396,18 @@ dt, dd {
 /* Main elements helpers */
 
 .arrowed-list {
+    border-left: 2px solid var(--border-color);
     display: grid;
     grid-column-start: 1;
     grid-column-end: 1;
-    margin-bottom: 0.5em;
+    margin: 0 0 0.5em 0.3em;
+    padding-left: 0.5em;
     row-gap: 0;
   }
   .arrowed-list > *, .arrowed-list > *:hover {
-      border: none;
       line-height: 1.2em;
-      padding: none;
       display: block; /* Compatibility with Chrome 49.0.2623.112 (for old machines) */
     }
-  .arrowed-list > *::before {
-      color: var(--border-color);
-      content: "\251C  ";
-    }
-  .arrowed-list > *:last-child::before {
-      content: "\2514  ";
-    }
 
 /* Special styling */