diff --git a/src/scss/components/_description.scss b/src/scss/components/_description.scss index 5f507f7f..71028e1b 100644 --- a/src/scss/components/_description.scss +++ b/src/scss/components/_description.scss @@ -1,16 +1,18 @@ .side-properties { - flex: 0 0 50%; + flex: 0; + min-width: fit-content; + max-width: 50%; margin: 5px 5px 5px 0; padding-right: 5px; border-right: 2px groove $c-border-groove; .side-property { margin: 2px 0; - display: flex; - flex-direction: row; + display: grid; + grid-template-columns: 40% auto; + justify-content: left; label { - flex: 1; line-height: 26px; font-weight: bold; } @@ -18,9 +20,14 @@ input, select { text-align: left; - flex: 1.5 1.5 0px; width: calc(100% - 2px); } + + input[type="checkbox"] { + width: auto; + height: 100%; + margin: 0px; + } } }