Add logo of popular brands

templates/settings/providers_list.html

@@ -1,9 +1,16 @@
 {% extends "base_settings_page.html" %}
 {% block content %}
 
-<table class="table table-hover" style="max-width: 800px;" aria-describedby="OpenID providers list">
+<style>
+#providers td {
+    vertical-align: middle;
+}
+</style>
+
+<table id="providers" class="table table-hover" style="max-width: 800px;" aria-describedby="OpenID providers list">
     <thead>
     <tr>
+        <th scope="col"></th>
         <th scope="col">ID</th>
         <th scope="col">Name</th>
         <th scope="col">Configuration URL</th>
@@ -13,6 +20,9 @@
     <tbody>
     {% for c in providers %}
     <tr>
+        <td>
+            <img src="{{ c.logo_url() }}" alt="{{ c.name }} logo" width="30px"/>
+        </td>
         <td>{{ c.id.0 }}</td>
         <td>{{ c.name }}</td>
         <td><a href="{{ c.configuration_url }}" target="_blank" rel="noreferrer">