From f7a86556b2c6b17cebf492b1bc8e50b9b42b53e1 Mon Sep 17 00:00:00 2001
From: bach <bachir@figureslibres.io>
Date: Thu, 15 Jun 2023 23:05:58 +0200
Subject: [PATCH] #2075 Unifier la hauteur des input

---
 assets/css/app.scss            | 24 ++++++++++++++++++++----
 src/components/nav/Results.vue |  6 ++++--
 2 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/assets/css/app.scss b/assets/css/app.scss
index f51060a..04abc3b 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -840,15 +840,18 @@ section[role="main-content"]{
     }
 
     >nav{
-      $pager_h:2em;
+      $filter_m: 0.3em;
+      $pager_h:18px;
       display: flex;
       flex-direction: column;
       span.nav-title{ display:none; }
 
       section#toc{
+        $m:0.5em;
         box-sizing: content-box;
         padding:0 0 1em 1.5em;
-        height:calc(100% - #{$pager_h});
+        margin-bottom: $m;
+        height:calc(100% - #{$pager_h} - #{$m} - #{$filter_m});
         overflow-x: hidden;
         overflow-y: auto;
         line-height: $base-line / 2;
@@ -989,7 +992,8 @@ section[role="main-content"]{
         // height:$pager_h;
         overflow: hidden;
         box-sizing: content-box;
-        padding:1em 0 0 1.5em;
+        padding:0 0 0 1.5em;
+        margin: 0 0 $filter_m 0;
         select{
           option{
             padding:0;
@@ -1001,7 +1005,7 @@ section[role="main-content"]{
         height:$pager_h;
         overflow: hidden;
         box-sizing: content-box;
-        padding:1em 0 0 1.5em;
+        padding:0 0 0 1.5em;
         select{
           option{
             padding:0;
@@ -1271,6 +1275,14 @@ footer[role="tools"]{
     max-height: $list-item-h * 3;
     @include accordeon-transition($list-item-h * 3);
     >header{
+      >*{
+        padding:0 0 5px;
+        // line-height: $base-line / 2;
+        &.v-select{
+          padding-top:5px;
+        }
+      }
+
       .search-keys{
         font-size: 0.756em;
         font-weight: 500;
@@ -1558,6 +1570,10 @@ footer[role="tools"]{
   }
   .vs__selected-options{
     background-color: #fff;
+    height:18px;
+    >input{
+      height:100%;
+    }
   }
   .vs__actions{
     padding:1px 3px;
diff --git a/src/components/nav/Results.vue b/src/components/nav/Results.vue
index d3069b4..8aaa6fd 100644
--- a/src/components/nav/Results.vue
+++ b/src/components/nav/Results.vue
@@ -8,8 +8,10 @@
     >
       <header class="small-col-12 med-col-1 large-col-1">
         <h2>Resultats</h2>
-        <span class="search-keys">{{ searchedKeys }}</span>
-        <span v-if="resultsQuantity" class="results-count">{{ resultsCount }}</span>
+        <div>
+          <span class="search-keys">{{ searchedKeys }}</span>
+          <span v-if="resultsQuantity" class="results-count">{{ resultsCount }}</span>
+        </div>
         <v-select
           id="sorting"
           type="select"