New_design: add design switch button

app/assets/stylesheets/new_design/new_header.scss

@@ -28,6 +28,7 @@
 .header-tabs {
   li {
     display: inline-block;
+    padding: $default-padding;
   }
 
   a {
@@ -39,6 +40,10 @@
       color: $blue;
       border-bottom: 2px solid $blue;
     }
+
+    &:not(.active):hover {
+      background-color: $light-grey;
+    }
   }
 }
 

app/assets/stylesheets/search.scss

@@ -1,6 +1,21 @@
+.new-design-button {
+  color: #FFFFFF;
+  display: block;
+  font-size: 20px;
+  margin: 16px 0;
+  padding: 8px;
+  text-align: center;
+  border: 1px solid #FFFFFF;
+  border-radius: 15px;
+
+  &:hover {
+    background-color: #668ABD;
+    color: #FFFFFF;
+  }
+}
+
 #search-block {
   margin: 15px 10px 0 10px;
-  height: 30px;
 }
 
 #search-button {

app/views/layouts/_new_header.haml

@@ -9,6 +9,8 @@
         %ul.header-tabs
           %li
             = link_to "Procédures", procedures_path, class: "active"
+          %li
+            = link_to "Ancienne interface", backoffice_dossiers_path
 
     %ul.header-right-content
       - if gestionnaire_signed_in?

app/views/layouts/left_panels/_search_area.html.haml

@@ -1,3 +1,6 @@
+- if gestionnaire_signed_in?
+  = link_to 'nouvelle interface', procedures_path, class: 'new-design-button'
+
 #search-area
   = form_tag(backoffice_dossiers_search_url, method: :get) do
     .input-group