css ok for inputs

src/page-members.pug

@@ -27,7 +27,7 @@ div.grid-layer
       search-range-skills=`${sdn}/skills/`,
       search-range-roles=`${sdn}/role/`,
       search-label-skills='competences',
-      search-label-name='nom, prenom, pseudo',
+      search-label-name='Search by lastname, firstname...',
       search-widget-name='sib-form-placeholder-text',
       next='member')
   div.grid-layer-links.containerV

src/styles/filters.scss

@@ -1,8 +1,9 @@
-#offers-list > sib-form > form {
+%filters {
+  background-color: orchid;
   border-bottom: 1px solid $color-grey1;
   display: grid;
   grid-gap: 0px 30px;
-  grid-template-columns: 33% auto;
+  grid-template-columns: 50% auto;
   padding-bottom: 3em;
 
   label {
@@ -13,9 +14,13 @@
     appearance: none;
     border-style: none;
     box-shadow: 0 0 5px 0 rgba(133, 140, 148, 0.09);
+    font-size: 85%;
+    line-height: 1.80;
     margin-top: 1em;
+    width: 90%;
     -moz-appearance: none;
     -webkit-appearance: none;
+    
   }
 
   input[type="submit"] {
@@ -48,3 +53,11 @@
     flex-direction: column;
   }
 }
+
+#offers-list > sib-form > form {
+  @extend %filters;
+}
+
+#profiles-list > sib-form > form {
+  @extend %filters;
+}

src/styles/main.scss

@@ -280,12 +280,14 @@ sib-trigger.back {
   grid-template-rows: [start]13em[middle]auto[end];
 }
 .grid-layer-main {
+  background-color: aqua;
   grid-column-start: start;
   grid-column-end: end;
   grid-row-start: start;
   grid-row-end: end;
 }
 .grid-layer-links {
+  background-color: pink;
   grid-column-start: middle;
   grid-column-end: end;
   grid-row-start: start;