diff --git a/css/app-sidebar.scss b/css/app-sidebar.scss index 7aadea069..d2d853bd4 100644 --- a/css/app-sidebar.scss +++ b/css/app-sidebar.scss @@ -83,22 +83,30 @@ display: flex; flex-direction: column; justify-content: space-between; + overflow: unset !important; + max-height: unset !important; &__buttons { padding-top: 14px; - position: absolute; + position: fixed; bottom: 0px; z-index: 2; - width: 97%; - left: 0px; + width: calc(27vw - 11px); + min-width: 300px - 11px; + max-width: 500px - 11px; + right: 10px; background-color: var(--color-main-background); padding-left: 22px; padding-right: 22px; button { width: 100%; + height: 44px; } } + &__content { + margin-bottom: 120px; + } } .property-title-time-picker-loading-placeholder { diff --git a/src/views/EditSidebar.vue b/src/views/EditSidebar.vue index 386c50f5f..b1fd1d336 100644 --- a/src/views/EditSidebar.vue +++ b/src/views/EditSidebar.vue @@ -373,8 +373,4 @@ export default { ::v-deep .app-sidebar-header__description { flex-direction: column; } - -::v-deep .app-sidebar-tab__content { - margin-bottom: 100px; -}