diff --git a/src/app/shared/form/builder/ds-dynamic-form-ui/models/lookup/dynamic-lookup.component.scss b/src/app/shared/form/builder/ds-dynamic-form-ui/models/lookup/dynamic-lookup.component.scss index 7b6f7fda03..3e6536110d 100644 --- a/src/app/shared/form/builder/ds-dynamic-form-ui/models/lookup/dynamic-lookup.component.scss +++ b/src/app/shared/form/builder/ds-dynamic-form-ui/models/lookup/dynamic-lookup.component.scss @@ -4,38 +4,6 @@ display:none } -/* enable absolute positioning */ -.spinner-addon { - position: relative; -} - -/* style fa-spin */ -.spinner-addon .fa-spin { - color: map-get($theme-colors, primary); - position: absolute; - margin-top: 3px; - padding: 0; - pointer-events: none; -} - -/* align fa-spin */ -.left-addon .fa { - left: 0; -} - -.right-addon .fa { - right: 0; -} - -/* add padding */ -.left-addon input { - padding-left: $spacer * 2; -} - -.right-addon input { - padding-right: $spacer * 2; -} - :host /deep/ .dropdown-menu { left: 0 !important; width: 100% !important; diff --git a/src/app/shared/form/builder/ds-dynamic-form-ui/models/typeahead/dynamic-typeahead.component.scss b/src/app/shared/form/builder/ds-dynamic-form-ui/models/typeahead/dynamic-typeahead.component.scss index 2cbebd4baf..7c58c0272f 100644 --- a/src/app/shared/form/builder/ds-dynamic-form-ui/models/typeahead/dynamic-typeahead.component.scss +++ b/src/app/shared/form/builder/ds-dynamic-form-ui/models/typeahead/dynamic-typeahead.component.scss @@ -1,19 +1,5 @@ @import "../../../../../../../styles/variables"; -/* style fa-spin */ -.fa-spin { - pointer-events: none; -} - -/* align fa-spin */ -.left-addon .fa { - left: 0; -} - -.right-addon .fa { - right: 0; -} - :host /deep/ .dropdown-menu { width: 100% !important; max-height: $dropdown-menu-max-height; diff --git a/src/app/shared/form/form.component.scss b/src/app/shared/form/form.component.scss index 8530a2383c..1d5e034290 100644 --- a/src/app/shared/form/form.component.scss +++ b/src/app/shared/form/form.component.scss @@ -21,3 +21,26 @@ border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } + +/* style fa-spin */ +.fa-spin { + pointer-events: none; +} + +/* align fa-spin */ +.left-addon .far, .left-addon .fas { + left: 0; +} + +.right-addon .far, .right-addon .fas { + right: 0; +} + +/* add padding */ +.left-addon input { + padding-left: $spacer * 2.25; +} + +.right-addon input { + padding-right: $spacer * 2.25; +}