From 88dd101976118da93c4e8f0a9c4987285d9a875e Mon Sep 17 00:00:00 2001
From: Dawid Potocki <dpot@disroot.org>
Date: Sat, 7 Sep 2019 09:58:57 +1200
Subject: [PATCH] Fix Privacy Browser's warning badge and format code nicely

---
 .../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 88639b97..31d936d8 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"
@@ -26,7 +29,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"
@@ -62,7 +68,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>
 
 
@@ -103,5 +118,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>
-- 
2.47.2