Align icons and text in about pages menu

Author: GuillaumeGomez

templates/header/topbar_end.html

@@ -9,7 +9,7 @@
                     The docs.rs dropdown menu
                     #}<li class="pure-menu-item pure-menu-has-children">
                         <a href="#" class="pure-menu-link" aria-label="docs.rs">docs.rs</a>
-                        <ul class="pure-menu-children">
+                        <ul class="pure-menu-children aligned-icons">
                             {%- call macros::menu_link_with_icon_solid(
                                 href="/about",
                                 text="About docs.rs",

templates/style/style.scss

@@ -215,6 +215,15 @@ div.container {
     }
 }
 
+ul.aligned-icons .fa {
+    width: 1.5em;
+    display: inline-flex;
+}
+
+ul.aligned-icons .fa::before {
+    margin: 0 auto;
+}
+
 body.centered div.container {
     margin: 0 auto;
 }