Center align links in topnav

Nikhil-Vats · Nikhil-Vats · commit 79bb68dcc03b · 2019-08-09T23:50:26.000+05:30
diff --git a/generators/app/templates/examples/index.html b/generators/app/templates/examples/index.html
@@ -26,6 +26,15 @@
     align-items: center;
     font-size: 20px;
   }
+  #biojs_link {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  #nav > a {
+    width: 400px;
+    text-align: center;
+  }
   #icon {
     width: 50px;
     height: 50px;
@@ -41,7 +50,7 @@
 
 <body class="demo">
   <div id="nav">
-    <a href="https://biojs.net" target="_blank" style="display: flex;align-items:center;"><img src="../img/favicon.png" id="icon">BioJS</a>
+    <a href="https://biojs.net" target="_blank" id="biojs_link"><img src="../img/favicon.png" id="icon">BioJS</a>
     <a href="../index.html"><%= title %></a>
     <a href="./index.html">Visualize <%= title %></a>
   </div>
diff --git a/generators/app/templates/index.html b/generators/app/templates/index.html
@@ -25,6 +25,15 @@
     align-items: center;
     font-size: 20px;
   }
+  #nav > a {
+    width: 400px;
+    text-align: center;
+  }
+  #biojs_link {
+    display: flex;
+    justify-content: center;
+    align-items: center !important;
+  }
   #icon {
     width: 50px;
     height: 50px;
@@ -40,7 +49,7 @@
 
 <body class="demo">
   <div id="nav">
-    <a href="https://biojs.net" target="_blank" style="display: flex;align-items:center;"><img src="img/favicon.png" id="icon">BioJS</a>
+    <a href="https://biojs.net" target="_blank" id="biojs_link"><img src="img/favicon.png" id="icon">BioJS</a>
     <a href="index.html"><%= title %></a>
     <a href="examples/index.html">Visualize <%= title %></a>
   </div>
