From e72b5693b4727def95eaf644ccd21c94512eea91 Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Mon, 25 May 2020 16:23:25 +0200
Subject: [PATCH] upate: Style for  sib-form-autocompletion > select added

---
 src/styles/base/form.scss | 43 +++++++++++++++++++--------------------
 1 file changed, 21 insertions(+), 22 deletions(-)

diff --git a/src/styles/base/form.scss b/src/styles/base/form.scss
index 81e5a7a..f02f7a5 100644
--- a/src/styles/base/form.scss
+++ b/src/styles/base/form.scss
@@ -65,6 +65,7 @@
   color: var(--color-input-text);
   /*flex: 1 1 0;  Problem on Firefox for input type date*/
   line-height: 1;
+  margin-top: 0.8rem;
   min-width: 0;
   padding: 1rem;
   
@@ -116,32 +117,30 @@ sib-form-auto-completion {
   .ss-main {
     font-weight: normal;
     text-transform: none;
-  }
+  
 
-  .ss-single-selected {
-    align-items: center;
-    background-color: var(--color-input-background);
-    border: none;
-    border-radius: 0px;
-    color: var(--color-input-text);
-    display: flex;
-    font-weight: normal;
-    justify-content: flex-end;
-    min-height: 4.6rem;
-    padding-left: 1.2rem;
-    text-transform: none;
+    .ss-single-selected {
+      background-color: var(--color-input-background);
+      border: none;
+      border-radius: 0px;
+      color: var(--color-input-text);
+      font-weight: normal;
+      margin-top: 0.8rem;
+      min-height: 4.6rem;
+      padding-left: 1.2rem;
 
-    .ss-disabled {
-      color: var(--color-grey-5);
-    }
+      .ss-disabled {
+        color: var(--color-grey-5);
+      }
 
-    .ss-arrow {
-      font-size: 1.8rem;
-      margin: 0 18px 0 0;
+      .ss-arrow {
+        font-size: 1.8rem;
+        margin: 0 18px 0 0;
 
-      span {
-        border: solid var(--color-input-icon);
-        border-width: 0 2px 2px 0;
+        span {
+          border: solid var(--color-input-icon);
+          border-width: 0 2px 2px 0;
+        }
       }
     }
   }