Améliorations header

CD67.FicheCollege.MVC/Content/cd67-custom.less

@@ -1,4 +1,4 @@
-@focus-color : cadetblue;
+@focus-color : #629DD1;
 
 /* Breadcrumb et mise en avant */
 .color1 {
@@ -85,3 +85,20 @@ input[aria-required='true'], textarea[aria-required='true'] {
     border: 0px;
     background: none;
 }
+
+label[for="recherche"]{
+    width: 210px;
+}
+
+header .search{
+    cursor: pointer;
+}
+
+h1 .sup{
+    font-size: 0.7em;
+    top: -.6em;
+}
+
+header nav{
+    padding: 0 1em 0 1em;
+}

CD67.FicheCollege.MVC/Scripts/cd67-Menu.js

@@ -26,8 +26,8 @@
         $(menu).closest("li").find(".submenu").toggleClass('hidden');
     });
 
-    $('.icon-search').bind("click", function () {
-        console.log("test");
-        $(".input-search").toggleClass('hidden');
+    $("header .input-search").hide();
+    $('header .icon-search').bind("click", function () {
+        $("header .input-search").toggle('fast');
     });
 });

CD67.FicheCollege.MVC/Views/Shared/_Layout.cshtml

@@ -44,21 +44,20 @@
                 <div id="open-button" class="menu-button"><span>Menu invisible</span></div>
                 <ul id="titre" class="nav navbar ">
                     <li>
-                        <h1 id="app-title">Fiches collège @Model.Annee_Lib</h1>
-                    </li>
-                    <li>
-                        <a href="/Annees">Changer d'année scolaire</a>
+                        <h1 id="app-title">Fiches collège <a href="/Annees">@Model.Annee_Lib <sup class="fa fa-edit sup"></sup></a></h1>
                     </li>
                 </ul>
+
                 <ul class="nav navbar-nav navbar-right">
                     <li class="search">
                         <form action="@Url.Action("Index", "Recherche", new { })" class="search-form">
-                            <label for="recherche">
-                                <input type="text" class="form-control input-search hidden" name="recherche" id="recherche" placeholder="Rechercher..." data-auto="" value="@Request["recherche"]">
+                            <label for="recherche" class="search-field">
+                                <input type="text" class="form-control input-search" name="recherche" id="recherche" placeholder="Rechercher..." data-auto="" value="@Request["recherche"]">
                             </label>
                             <span class="icon-search fa fa-search fa-2x"></span>
                         </form>
                     </li>
+
                     <li class="dropdown">
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                             <span class="glyphicon glyphicon-user"></span>
@@ -87,6 +86,7 @@
                         </ul>
                     </li>
                 </ul>
+
             </div>
         </nav>
         <sidebar class="no-print navbar-collapse collapse hidden" >