Fix the bookmarks dialogs to align the icons and the radio buttons. https://redmine...

[PrivacyBrowserAndroid.git] / app / src / main / assets / en / about_links.html
diff --git a/app/src/main/assets/en/about_links.html b/app/src/main/assets/en/about_links.html

index 80fb521420a9ff30575e51cb88ddf072dae8962d..2ae0b10ce601919f91c843b1cd2ef8f6956b9166 100644 (file)
--- a/app/src/main/assets/en/about_links.html
+++ b/app/src/main/assets/en/about_links.html
@@ -1,5 +1,5 @@
  <!--
-  Copyright 2016-2017 Soren Stoutner <soren@stoutner.com>.
+  Copyright © 2016-2018,2020-2021 Soren Stoutner <soren@stoutner.com>.
  
    This file is part of Privacy Browser <https://www.stoutner.com/privacy-browser>.
  
@@ -18,28 +18,33 @@
  
  <html>
      <head>
-        <style>
-            h3 {
-                color: 0D4781;
-            }
-
-            img.icon {
-                vertical-align: middle;
-                height: 32;
-                width: 32;
-            }
-        </style>
+        <meta charset="UTF-8">
+
+        <link rel="stylesheet" href="../css/theme.css">
+
+        <!-- Setting the color scheme instructs the WebView to respect `prefers-color-scheme` @media CSS. -->
+        <meta name="color-scheme" content="light dark">
      </head>
  
      <body>
          <h3>Websites</h3>
  
-        <p><a href="https://www.stoutner.com/category/privacy-browser/"><img class="icon" src="images/ic_chrome_reader_mode_dark_blue.png"></a> <a href="https://www.stoutner.com/category/privacy-browser/">News</a></p>
+        <h4><a href="https://www.stoutner.com/category/privacy-browser/"><svg class="links"><use href="../shared_images/chrome_reader_mode.svg#icon"/></svg></a>
+            <a href="https://www.stoutner.com/category/privacy-browser/">News</a></h4>
+
+        <h4><a href="https://www.stoutner.com/category/roadmap/"><svg class="links"><use href="../shared_images/map.svg#icon"/></svg></a>
+            <a href="https://www.stoutner.com/category/roadmap/">Roadmap</a></h4>
+
+        <h4><a href="https://fosstodon.org/@privacybrowser"><svg class="links"><use href="../shared_images/mastodon.svg#icon"/></svg></a>
+            <a href="https://fosstodon.org/@privacybrowser">Fosstodon</a></h4>
  
-        <p><a href="https://redmine.stoutner.com/projects/privacy-browser/issues"><img class="icon" src="images/ic_bug_report_dark_blue.png"></a> <a href="https://redmine.stoutner.com/projects/privacy-browser/issues">Bug Tracker and Feature Requests</a></p>
+        <h4><a href="https://redmine.stoutner.com/projects/privacy-browser/issues"><svg class="links"><use href="../shared_images/bug_report.svg#icon"/></svg></a>
+            <a href="https://redmine.stoutner.com/projects/privacy-browser/issues">Bug Tracker and Feature Requests</a></h4>
  
-        <p><a href="https://redmine.stoutner.com/projects/privacy-browser/boards"><img class="icon" src="images/ic_question_answer_dark_blue.png"></a> <a href="https://redmine.stoutner.com/projects/privacy-browser/boards">Forum</a></p>
+        <h4><a href="https://redmine.stoutner.com/projects/privacy-browser/boards"><svg class="links"><use href="../shared_images/question_answer.svg#icon"/></svg></a>
+            <a href="https://redmine.stoutner.com/projects/privacy-browser/boards">Forum</a></h4>
  
-        <p><a href="https://git.stoutner.com/?p=PrivacyBrowser.git;a=summary"><img class="icon" src="images/ic_more_dark_blue.png"></a> <a href="https://git.stoutner.com/?p=PrivacyBrowser.git;a=summary">GitWeb</a></p>
+        <h4><a href="https://gitweb.stoutner.com/?p=PrivacyBrowser.git;a=summary"><svg class="links"><use href="../shared_images/more.svg#icon"/></svg></a>
+            <a href="https://gitweb.stoutner.com/?p=PrivacyBrowser.git;a=summary">GitWeb</a></h4>
      </body>
  </html>
 \ No newline at end of file