From 7b04f406d1ff81aec2bb8c340b315445433a46e2 Mon Sep 17 00:00:00 2001
From: Dawid Potocki <dpot@disroot.org>
Date: Sat, 7 Sep 2019 09:34:10 +0000
Subject: [PATCH] Fix Privacy Browser's warning badge and format code nicely
 (#1275)

---
 .../sections/browser-recommendation.html      | 26 ++++++++++++++++---
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/_includes/sections/browser-recommendation.html b/_includes/sections/browser-recommendation.html
index 4a3eb674..e22dbe55 100644
--- a/_includes/sections/browser-recommendation.html
+++ b/_includes/sections/browser-recommendation.html
@@ -1,4 +1,7 @@
-<h1 id="browser" class="anchor"><a href="#browser"><i class="fas fa-link anchor-icon"></i></a> Browser Recommendations For Desktop</h1>
+<h1 id="browser" class="anchor">
+  <a href="#browser"><span class="fas fa-link anchor-icon"></span></a>
+  Browser Recommendations For Desktop
+</h1>
 
 {% include cardv2.html
 title="Firefox"
@@ -28,7 +31,10 @@ mac="https://www.torproject.org/download/"
 linux="https://www.torproject.org/download/"
 %}
 
-<h1 id="browser-android" class="anchor"><a href="#browser-android"><i class="fas fa-link anchor-icon"></i></a> Browser Recommendations For Android</h1>
+<h1 id="browser-android" class="anchor">
+  <a href="#browser-android"><span class="fas fa-link anchor-icon"></span></a>
+  Browser Recommendations For Android
+</h1>
 
 {% include cardv2.html
 title="Firefox"
@@ -67,7 +73,16 @@ android="https://www.bromite.org/news/2018-12-21-new-fdroid-repository-url"
 <h3>Worth Mentioning for Android</h3>
 
 <ul>
-  <li><a href="https://www.stoutner.com/privacy-browser/">Privacy Browser</a> Privacy Browser is an open source Android web browser focused on user privacy. <a href="https://play.google.com/store/apps/details?id=com.google.android.webview&hl=en_US"><span class="badge badge-warning" data-toggle="tooltip" title="WARNING: Keep Android WebView up-to-date</span> Privacy Browser relies on the Android system webview which needs to be kept up to date to fix security issues. One can update webview by either installing it from Google Play, Yalp Store or Aurora Store. It requires Android 5.0+ so using Privacy Browser on older Androids is insecure."></a></li>
+  <li>
+    <a href="https://www.stoutner.com/privacy-browser/">Privacy Browser</a>
+    Privacy Browser is an open source Android web browser focused on user privacy.
+    <a href="https://play.google.com/store/apps/details?id=com.google.android.webview&hl=en_US">
+      <span class="badge badge-warning" data-toggle="tooltip" title="Privacy Browser relies on the Android system WebView which needs to be kept up to date to fix security issues. One can update webview by either installing it from Google Play or Aurora Store which you can get from F-Droid. It requires Android 5.0+ so using Privacy Browser on older Androids is insecure.">
+        <span class="fas fa-exclamation-triangle"></span>
+        Keep Android WebView up-to-date
+      </span>
+    </a>
+  </li>
 </ul>
 
 
@@ -108,5 +123,8 @@ ios="https://apps.apple.com/us/app/duckduckgo-privacy-browser/id663592361"
 <h3>Worth Mentioning for iOS</h3>
 
 <ul>
-  <li><a href="https://snowhaze.com/en/index.html">SnowHaze</a> SnowHaze is a browser for iOS with intergrated adblocker and fingerprinting protection.</li>
+  <li>
+    <a href="https://snowhaze.com/en/index.html">SnowHaze</a>
+    SnowHaze is a browser for iOS with intergrated adblocker and fingerprinting protection.
+  </li>
 </ul>