From 561bc768b1728e9da3f1ecbc44f38deaed0d62ec Mon Sep 17 00:00:00 2001
From: Gaelle Morin <morin.gaelle@gmail.com>
Date: Mon, 17 Dec 2018 23:21:10 +0100
Subject: [PATCH] chevron down in filter => ok

---
 src/styles/filters.scss     |  18 ++++--------------
 src/styles/members.scss     |  14 +++++++++++---
 www/images/chevron-down.png | Bin 0 -> 583 bytes
 3 files changed, 15 insertions(+), 17 deletions(-)
 create mode 100644 www/images/chevron-down.png

diff --git a/src/styles/filters.scss b/src/styles/filters.scss
index bff05b5..3ee535e 100644
--- a/src/styles/filters.scss
+++ b/src/styles/filters.scss
@@ -27,23 +27,13 @@
 
   select {
     background: white;
+    background-image: url("/images/chevron-down.png");
+    background-position: 96% 60%;
+    background-repeat: no-repeat;
+    background-size: 14px 9px;
     box-sizing: border-box;
     display: inline-block;
     padding: 0.5em 12.5em 0.5em 1em;
-
-    background-image:
-      linear-gradient(45deg, transparent 50%, $color-grey 50%),
-      linear-gradient(135deg, $color-grey 50%, transparent 50%),
-      linear-gradient(to right, white, white);
-    background-position: 
-      calc(100% - 20px) calc(1em + 2px),
-      calc(100% - 15px) calc(1em + 2px),
-      calc(100% - 2.5em) 0.5em;
-    background-repeat: no-repeat;
-    background-size:
-      5px 6px,
-      5px 6px,
-      1px 1.5em;
   }
 
   sib-form-label-text {
diff --git a/src/styles/members.scss b/src/styles/members.scss
index eb49199..11c9345 100644
--- a/src/styles/members.scss
+++ b/src/styles/members.scss
@@ -130,14 +130,22 @@
     grid-row-end: middle;
   }
   > div {
+    background: violet;
     grid-column-start: start;
     grid-column-end: end;
-    grid-row-start: middle;
+    margin-bottom: 1em;
+    /*grid-row-start: middle;
     grid-row-end: end;
     display: grid;
-    margin-top: 1em;
     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-    grid-gap: 1em;
+    grid-gap: 1em;*/
+    display: flex;
+    justify-content: space-between;
+    
+    &:first-of-type {
+      background: aquamarine;
+      justify-content: center;
+    }
   }
 }
 
diff --git a/www/images/chevron-down.png b/www/images/chevron-down.png
new file mode 100644
index 0000000000000000000000000000000000000000..0abdcdbd7148b6c1c4f29e65661c4eddeecbe7e1
GIT binary patch
literal 583
zcmeAS@N?(olHy`uVBq!ia0vp^@<1%Y!3-pwwu_wrQjEnx?oNz1PwLbIIh+L^k;M!Q
zd`Cc-ajG_-G*EC$fKP}kklwy~-`b5^w(Q)qaof&yo3?J=zI*k$jfak(-hb%ml9g*-
zy?KA<!Q-c|-tOFc@ZgaXdk!Aiux0zseTVk$KlJF?t1WvDK6?Cg)2{v7_aAxo{MFq@
z&(?0;b^83J2Tz_KIeGTnm79-WyxDi;<g?fBS8v#I^Wn22XD+T<zxl<hw?|K$+Og-r
z$~Eg3uUvQk!Q&Mhwyxj2edWe&H}5`t`10M0H}9Xmd~^Nwy%T3IE?u>5_2wP-9zET(
zdF$P$uTGpfuU_{y4Cro~k|4iehW~Kj`~M7_4QD+2KNG~>3>Vnk@C?TOyT76cXwDN)
z7srr_Ia4pZENXJ#VR&%%o{qT_<H6tCzUFMb{(FD8xGX<Q=`8!%PiCJ?Yr1gx#nHRF
zz8&|;>)LJ{=D7J(wm+|xt5H#cf7JFrPK}@cOn9g9@u1e{=;nY|a>u_deP3*(xp~2j
z3j3+^-gkVv+H&Q<ti#@iL;Geed%nMSCr8igsb}U)+-cI^`nB8e!za77F%1g0mA1yR
zNvNf|FJtHVp3~xVl5NMw(4FotnB={8-;Xo0+pM+bIa`;-#|%Nk7uO7&eDggwhfZUC
z9d%7`?WFT6a`%$I2=7(v{=G)u_^+A#hQ2R`|E>QqRD9wS6zGu31p1f3)78&qol`;+
E0L92u$^ZZW

literal 0
HcmV?d00001