From 9f71a5ff4f8838fa2894262a9beb067661db9467 Mon Sep 17 00:00:00 2001
From: Aki Wu <wuminzhe@gmail.com>
Date: Sun, 7 Apr 2024 23:21:40 +0800
Subject: [PATCH] adjust header

---
 app/views/layouts/application.html.erb | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 6288d1d..a8e5c7e 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -22,10 +22,18 @@
     <header class="w-full mx-auto lg:max-w-6xl">
       <nav class="bg-white border-gray-200 dark:bg-gray-900">
         <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-6">
-          <a href="/" class="flex items-center space-x-3 rtl:space-x-reverse">
-            <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Msgport Messages Explorer</span>
-          </a>
-          <%= render "messages/messages_count", messages_count: @messages_count %>
+          <div>
+            <a href="/" class="flex items-center space-x-3 rtl:space-x-reverse">
+              <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Msgport Messages Explorer</span>
+            </a>
+            <%= render "messages/messages_count", messages_count: @messages_count %>
+          </div>
+                      
+          <div>
+            <a href="https://github.com/darwinia-network/pindex?tab=readme-ov-file#api" target="_blank">
+              How To
+            </a>
+          </div>
         </div>
       </nav>
     </header>