diff --git a/src/styles/content.scss b/src/styles/content.scss index 9a9c94aacb9cfaa08d080116959071b95f5ea223..e13ac3da90c6c9b205448c7614d0cd9e5c826b87 100644 --- a/src/styles/content.scss +++ b/src/styles/content.scss @@ -320,13 +320,10 @@ 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: 1fr 1fr; - grid-gap: 20px; + //display: grid; + //grid-template-columns: 1fr 1fr; + //grid-gap: 20px; sib-form-label-text { display: flex; diff --git a/src/styles/form.scss b/src/styles/form.scss index cee8debf8b6979b790b12a295ec36726e48c701f..b3bf08a010e6a3c05aeb96a0751078f9e2659cd3 100644 --- a/src/styles/form.scss +++ b/src/styles/form.scss @@ -107,8 +107,8 @@ sib-form { } sib-form-label-text,sib-form-dropdown{ - display: flex; - flex-wrap: nowrap; + //display: flex; + //flex-wrap: nowrap; } select{ diff --git a/src/styles/main.scss b/src/styles/main.scss index e91a1332e818bd940797e22792f9f875b5b4a393..995636a179d1a921df3de366ecd7fb75b5bb6a4a 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -301,12 +301,11 @@ sib-trigger.back { #offers-list > sib-form > form { select { + background: white; display: inline-block; - font: inherit; line-height: 1.5em; - padding: 0.5em 3.5em 0.5em 1em; + padding: 0.5em 12.5em 0.5em 1em; - margin: 0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; @@ -320,8 +319,8 @@ sib-trigger.back { calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: - 5px 5px, - 5px 5px, + 5px 6px, + 5px 6px, 1px 1.5em; background-repeat: no-repeat; } @@ -334,15 +333,14 @@ sib-form-label-text { form { background-color: orangered; display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: 20px; + grid-template-columns: 33% auto; + grid-gap: 24px; label { display: block; } - input { - padding: 1em; + input, select { margin-top: 1em; } }