Try using divs instead of ul and li

scipost/utils.py

@@ -28,23 +28,39 @@ EMAIL_FOOTER = (
     # '<li style="display: inline; margin: 3px; padding: 3px;">'
     # '<a href="https://scipost.org/login/" style="padding: 3px;">Login</a></li>'
     # '</ul>'
-    '<ul style="background-color: #f0f0f0; color: #002B49; list-style-type: none; '
-    'display: flex; align-items: center;">'
-    '<li style="display: inline-block; margin: 0px; padding: 0px;">'
+    # '<ul style="background-color: #f0f0f0; color: #002B49; list-style-type: none; '
+    # 'display: flex; align-items: center;">'
+    # '<li style="display: inline-block; margin: 0px; padding: 0px;">'
+    # '<a href="https://scipost.org">'
+    # '<img src="{% static \'scipost/images/logo_scipost_with_bgd_small.png\' %}" width="64px" '
+    # 'style="margin: 0px; padding: 0px;"></a></li>'
+    # '<li style="display: inline-block; padding: 8px;">'
+    # '<a href="https://scipost.org/journals/">Journals</a></li>'
+    # '<li style="display: inline-block; padding: 8px;">'
+    # '<a href="https://scipost.org/submissions/">Submissions</a></li>'
+    # '<li style="display: inline-block; padding: 8px;">'
+    # '<a href="https://scipost.org/commentaries/">Commentaries</a></li>'
+    # '<li style="display: inline-block; padding: 8px;">'
+    # '<a href="https://scipost.org/theses/">Theses</a></li>'
+    # '<li style="display: inline-block; padding: 8px;">'
+    # '<a href="https://scipost.org/login/">Login</a></li>'
+    # '</ul>'
+    '<div style="background-color: #f0f0f0; color: #002B49; align-items: center;">'
+    '<div style="display: inline-block; margin: 0px; padding: 0px;">'
     '<a href="https://scipost.org">'
     '<img src="{% static \'scipost/images/logo_scipost_with_bgd_small.png\' %}" width="64px" '
-    'style="margin: 0px; padding: 0px;"></a></li>'
-    '<li style="display: inline-block; padding: 8px;">'
-    '<a href="https://scipost.org/journals/">Journals</a></li>'
-    '<li style="display: inline-block; padding: 8px;">'
-    '<a href="https://scipost.org/submissions/">Submissions</a></li>'
-    '<li style="display: inline-block; padding: 8px;">'
-    '<a href="https://scipost.org/commentaries/">Commentaries</a></li>'
-    '<li style="display: inline-block; padding: 8px;">'
-    '<a href="https://scipost.org/theses/">Theses</a></li>'
-    '<li style="display: inline-block; padding: 8px;">'
-    '<a href="https://scipost.org/login/">Login</a></li>'
-    '</ul>'
+    'style="margin: 0px; padding: 0px;"></a></div>'
+    '<div style="display: inline-block; padding: 8px;">'
+    '<a href="https://scipost.org/journals/">Journals</a></div>'
+    '<div style="display: inline-block; padding: 8px;">'
+    '<a href="https://scipost.org/submissions/">Submissions</a></div>'
+    '<div style="display: inline-block; padding: 8px;">'
+    '<a href="https://scipost.org/commentaries/">Commentaries</a></div>'
+    '<div style="display: inline-block; padding: 8px;">'
+    '<a href="https://scipost.org/theses/">Theses</a></div>'
+    '<div style="display: inline-block; padding: 8px;">'
+    '<a href="https://scipost.org/login/">Login</a></div>'
+    '</div>'
 )
 
 EMAIL_UNSUBSCRIBE_LINK_PLAIN = (