better search ui

src/assets/main.scss

@@ -487,59 +487,73 @@ body{
     section.search{
       @include main-cartouche();
 
-      h2{
-        font-weight: 400;
-        font-size: 1.323em;
+      header{
+        flex: 0 0 auto;
         padding: 1em 0;
-      }
-
-      form{
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-start;
-        align-items: flex-start;
-        &>*{
-          flex: 0 1 auto;
+        h2{
+          font-weight: 400;
+          font-size: 1.323em;
+          padding: 0 0 0.5em;
         }
 
-        .content-type-checkboxes{
-          padding:1em 0;
+        form{
           display: flex;
-          flex-direction: row;
-          label{
-            padding: 0 1em 0 0.2em;
+          flex-direction: column;
+          justify-content: flex-start;
+          align-items: flex-start;
+          &>*{
+            flex: 0 1 auto;
+          }
+  
+          .content-type-checkboxes{
+            padding:1em 0;
+            display: flex;
+            flex-direction: row;
+            label{
+              padding: 0 1em 0 0.2em;
+            }
           }
         }
       }
 
-      section.results{
-        ul{
-          margin:0;
-          padding:0;
-          li{
+      main{
+        flex: 1 1 auto;
+        overflow-y: auto;
+        section.results{
+          ul{
             margin:0;
-            padding:0 0 1em 0;
-            list-style: none;
-
-            h1{
-              // font-weight: 400;
-              // font-size: 1.323em;
-              font-size: 1em;
-              font-weight: 300;
-              // line-height: 1.4;
-              // 
-              margin: 0;
-              cursor: pointer;
-            }
-            h2 {
-              font-size: 0.882em;
-              font-weight: 100;
-              margin: 0;
-              padding: 0;
-              cursor: pointer;
+            padding:0;
+            li{
+              margin:0;
+              padding:0 0 1em 0;
+              list-style: none;
+  
+              h1{
+                // font-weight: 400;
+                // font-size: 1.323em;
+                font-size: 1em;
+                font-weight: 300;
+                // line-height: 1.4;
+                // 
+                margin: 0;
+                cursor: pointer;
+              }
+              h2 {
+                font-size: 0.882em;
+                font-weight: 100;
+                margin: 0;
+                padding: 0;
+                cursor: pointer;
+              }
             }
           }
         }
+
+      }
+
+      footer{
+        flex: 0 0 auto;
+
       }
 
     }

src/views/Search.vue

@@ -24,6 +24,7 @@ export default {
   },
   created () {
     console.log("search created");
+    this.value = this.keys;
     this.content_type = this.contentTypeFilter;
   },
   watch: {
@@ -88,11 +89,11 @@ export default {
           </section>
           
           
-          <select name="bourgeons" id="content-type-select">
+          <!-- <select name="bourgeons" id="content-type-select">
             <option value="all">Bourgeon</option>
             <option value="bourgeon1">Bourgeon1</option>
             <option value="bourgeon2">Bourgeon2</option>
-          </select>
+          </select> -->
 
           <input type="submit" value="rechercher">
         </form>