diff --git a/src/page-job-offers.pug b/src/page-job-offers.pug index 466c96a..e31233e 100644 --- a/src/page-job-offers.pug +++ b/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 diff --git a/src/styles/content.scss b/src/styles/content.scss index e0c8f23..9a9c94a 100644 --- a/src/styles/content.scss +++ b/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"] { diff --git a/src/styles/main.scss b/src/styles/main.scss index 15cf084..de77aa3 100644 --- a/src/styles/main.scss +++ b/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; + } +}