From 975f356c329e749661c26f99908aec42304c2497 Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Sat, 25 Jul 2020 08:01:20 +0200
Subject: [PATCH] fix cta button

---
 rental/static/rental/css/style.css |  4 ++--
 rental/templates/rental/base.html  | 27 ++++++++++++++++++++-------
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/rental/static/rental/css/style.css b/rental/static/rental/css/style.css
index 4129e09..3591001 100644
--- a/rental/static/rental/css/style.css
+++ b/rental/static/rental/css/style.css
@@ -1656,11 +1656,11 @@ footer .credits {
 .btn.btn-b-n {
   background-color: #5bc0de;
   color: #ffffff;
-  border-radius: 0;
+  border-radius: 8;
 }
 
 .btn.btn-b-n:hover {
-  background-color: #26a356;
+  background-color: #5bc0de;
   color: #ffffff;
 }
 
diff --git a/rental/templates/rental/base.html b/rental/templates/rental/base.html
index 2a8eb86..9db29ef 100644
--- a/rental/templates/rental/base.html
+++ b/rental/templates/rental/base.html
@@ -77,20 +77,28 @@
           />
           Villa<span class="color-b">Fleurie</span>
         </a>
+        <a
+          type="button"
+          class="btn btn-link nav-search navbar-toggle-box-collapse d-md-none"
+          href="{% url 'rental:reservation' %}"
+          aria-expanded="false"
+        >
+          <span class="fa fa-cart-plus" aria-hidden="true"></span>
+        </a>
         <div
           class="navbar-collapse collapse justify-content-center"
           id="navbarDefault"
         >
           <ul class="navbar-nav">
             <li class="nav-item">
-              <a class="nav-link" href="{% url 'rental:list_place' %}"
-                >Hébergements</a
-              >
+              <a class="nav-link" href="{% url 'rental:list_place' %}">
+                Hébergements
+              </a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="{% url 'rental:services' %}"
-                >Services</a
-              >
+              <a class="nav-link" href="{% url 'rental:services' %}">
+                Services
+              </a>
             </li>
             <li class="nav-item">
               <a class="nav-link" href="{% url 'rental:about' %}">À propos</a>
@@ -100,7 +108,12 @@
             </li>
           </ul>
         </div>
-        <a class="btn btn-b" href="{% url 'rental:reservation' %}">
+        <a
+          type="button"
+          class="btn btn-b-n navbar-toggle-box-collapse d-none d-md-block"
+          aria-expanded="false"
+          href="{% url 'rental:reservation' %}"
+        >
           Réserver
         </a>
       </div>