From 9d8fe87fc3374284fa2d9d0c75f4181ad7f0a7b4 Mon Sep 17 00:00:00 2001
From: gerlofvanek <gerlof@particl.io>
Date: Wed, 12 Oct 2022 20:14:19 +0200
Subject: [PATCH] ui: Better visibility of create an offer

---
 basicswap/templates/header.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/basicswap/templates/header.html b/basicswap/templates/header.html
index 71b7af9..adf1e62 100644
--- a/basicswap/templates/header.html
+++ b/basicswap/templates/header.html
@@ -18,11 +18,11 @@
 
   <section>
     <nav class="relative bg-gray-800">
-      <div class="p-6 container flex flex-wrap items-center justify-between items-center mx-auto">
+      <div class="p-6 container flex flex-wrap items-center py-2.5justify-between items-center mx-auto">
         <a class="flex-shrink-0 mr-12 text-2xl text-white font-semibold" href="/"> <img class="h-10" src="/static/images/logos/basicswap-logo.svg" alt="" width="auto"></a>
         <ul class="hidden xl:flex">
           <li>
-            <a class="flex mr-10 items-center text-gray-50 hover:text-gray-100 text-sm" href="/wallets">
+            <a class="flex mr-10 items-center py-2.5 text-gray-50 hover:text-gray-100 text-sm" href="/wallets">
               <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24">
                 <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
                   <path d="M6,3H3C1.895,3,1,3.895,1,5 v0c0,1.105,0.895,2,2,2"></path>
@@ -33,15 +33,15 @@
               </svg> <span>Wallets</span> </a>
           </li>
           <li>
-            <a class="flex mr-10 items-center text-gray-50 hover:text-gray-100 text-sm" href="/newoffer">
+            <a class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" href="/newoffer">
               <svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24">
-                <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
+                <g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round">
                   <circle cx="5" cy="5" r="4"></circle>
                   <circle cx="19" cy="19" r="4"></circle>
-                  <polyline data-cap="butt" points="13,5 21,5 21,11 " stroke="#6b7280"></polyline>
-                  <polyline data-cap="butt" points="11,19 3,19 3,13 " stroke="#6b7280"></polyline>
-                  <polyline points=" 16,2 13,5 16,8 " stroke="#6b7280"></polyline>
-                  <polyline points=" 8,16 11,19 8,22 " stroke="#6b7280"></polyline>
+                  <polyline data-cap="butt" points="13,5 21,5 21,11 " stroke="#ffffff"></polyline>
+                  <polyline data-cap="butt" points="11,19 3,19 3,13 " stroke="#ffffff"></polyline>
+                  <polyline points=" 16,2 13,5 16,8 " stroke="#ffffff"></polyline>
+                  <polyline points=" 8,16 11,19 8,22 " stroke="#ffffff"></polyline>
                 </g>
               </svg> <span>New Offer</span> </a>
           </li>