search fields: wip

src/page-job-offers.pug

@@ -11,7 +11,8 @@ div.grid-layer
       set-date='closingDate, creationDate',
       widget-closingDate='hdapp-closing-date',
       set-content='title, description',
-      search-fields='content,skills,open'
+      search-fields='content,skills,open',
+      label-content='contenu',
       search-range-skills=`${sdn}/skills/`,
     )
   div.grid-layer-links.containerV

src/styles/content.scss

@@ -320,23 +320,29 @@ hdapp-available {
   }
 }
 #offers-list > sib-form > form {
+  //display: grid;
+  //grid-template-columns: 50% 50%;
+  //grid-template-rows: 3.5em 3.5em;
+  background-color: orangered;
   display: grid;
-  grid-template-columns: 50% 50%;
-  grid-template-rows: 3.5em 3.5em;
+  grid-template-columns: 1fr 1fr;
+  grid-gap: 20px;
 
   sib-form-label-text {
     display: flex;
+    flex-direction: column;
   }
 
   label {
-    flex-basis: 5em;
-    flex-shrink: 0;
+    //flex-basis: 5em;
+    //flex-shrink: 0;
+    display: block;
   }
 
   input, select {
-    flex-grow: 1;
-    min-width: 0;
-    box-shadow: 0 0 5px 0 rgba(133, 140, 148, 0.09);
+    //flex-grow: 1;
+    //min-width: 0;
+    //box-shadow: 0 0 5px 0 rgba(133, 140, 148, 0.09);
   }
 
   input[type="submit"] {

src/styles/main.scss

@@ -294,3 +294,23 @@ sib-trigger.back {
   grid-row-start: start;
   grid-row-end: middle;
 }
+
+sib-form-label-text {
+  background: aqua;
+}
+
+form {
+  background-color: orangered;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-gap: 20px;
+
+  label {
+    display: block;
+  }
+
+  input {
+    padding: 1em;
+    margin-top: 1em;
+  }
+}