diff --git a/src/styles/content.scss b/src/styles/content.scss index 9a9c94a..e13ac3d 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 cee8deb..b3bf08a 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 e91a133..995636a 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; } }