Compat: style bullet points on compat detail pages (drop underlining)

Author: harding

_includes/templates/compatibility-page.md

@@ -15,6 +15,8 @@ block chain space used, this is the most efficient form of fee bumping.
 
 ### Receiving support
 
+<div markdown="1" class="compat-list">
+
 {:id="receive-notification"}
 {% assign rbf = tool.rbf.features. %}
 {% case rbf.receive.notification %}
@@ -101,8 +103,12 @@ block chain space used, this is the most efficient form of fee bumping.
 {% else %} {% include ERROR_42_UNEXPECTED_VALUE %}
 {% endif %}
 
+</div>{% comment %}<!-- end: compat-list -->{% endcomment %}
+
 ### Sending support
 
+<div markdown="1" class="compat-list">
+
 {:id="send-signals_bip125"}
 {% case rbf.send.signals_bip125 %}
   {% when "true" %}{:.feature-yes}
@@ -189,6 +195,8 @@ block chain space used, this is the most efficient form of fee bumping.
 {% else %} {% include ERROR_42_UNEXPECTED_VALUE %}
 {% endif %}
 
+</div>{% comment %}<!-- end: compat-list -->{% endcomment %}
+
 ### Usability
 
 {% include functions/compat-gallery.md examples=tool.rbf.examples %}
@@ -208,6 +216,8 @@ segwit transactions to pay less total fee to achieve the same feerate as legacy
 
 ### Receive support
 
+<div markdown="1" class="compat-list">
+
 {% assign segwit = tool.segwit.features. %}
 {:id="segwit-receive-p2sh_wrapped"}
 {% case segwit.receive.p2sh_wrapped %}
@@ -274,8 +284,12 @@ segwit transactions to pay less total fee to achieve the same feerate as legacy
   {% else %}{% include ERROR_42_UNEXPECTED_VALUE %}
 {% endcase %}
 
+</div>{% comment %}<!-- end: compat-list -->{% endcomment %}
+
 ### Send support
 
+<div markdown="1" class="compat-list">
+
 {:id="segwit-send-bech32"}
 {% case segwit.send.bech32 %}
   {% when "true" %}{:.feature-yes}
@@ -332,6 +346,8 @@ segwit transactions to pay less total fee to achieve the same feerate as legacy
 - **How is sending to segwit v1 addresses handled?**<br>
 {{ segwit.send.segwit_v1 }}
 
+</div>{% comment %}<!-- end: compat-list -->{% endcomment %}
+
 ### Usability
 
 {% include functions/compat-gallery.md examples=tool.segwit.examples %}

assets/css/main.scss

@@ -149,15 +149,25 @@ div.xoverflow {
     overflow-wrap: break-word;
 }
 
-ol li ol { list-style-type: lower-latin; }
-.feature-yes strong {
-  border-bottom: 2px solid $compatibility-feature-yes;
+.compat-list ul { list-style: none; }
+.compat-list li::before {
+  display: inline-block;
+  width: 1.25em;
+  margin-left: -1.25em;
+  font-size: 125%;
+}
+
+.feature-yes li::before {
+  content: "✓";
+  color: darken($compatibility-feature-yes, 50%);
 }
-.feature-no strong {
-  border-bottom: 2px solid $compatibility-feature-no;
+.feature-no li::before {
+  content: "✕";
+  color: darken($compatibility-feature-no, 50%);
 }
-.feature-neutral strong {
-  border-bottom: 2px solid lightgray;
+.feature-neutral li::before {
+  content: "≈";
+  color: grey;
 }
 
 .third-party-logo