diff --git a/src/common/AddonDetailsModal/styles.less b/src/common/AddonDetailsModal/styles.less index 1c067a01d..59b0a11ac 100644 --- a/src/common/AddonDetailsModal/styles.less +++ b/src/common/AddonDetailsModal/styles.less @@ -6,6 +6,7 @@ .addon-details-modal-container { .addon-details-container, .addon-details-message-container { + width: 40rem; max-width: 100%; } diff --git a/src/common/SharePrompt/styles.less b/src/common/SharePrompt/styles.less index fa818037b..1f1af9fb9 100644 --- a/src/common/SharePrompt/styles.less +++ b/src/common/SharePrompt/styles.less @@ -1,6 +1,8 @@ @import (reference) '~stremio-colors/dist/less/stremio-colors.less'; .share-prompt-container { + min-width: 30rem; + .buttons-container { display: flex; flex-direction: row; diff --git a/src/routes/Addons/styles.less b/src/routes/Addons/styles.less index 43586ebf3..481cd0960 100644 --- a/src/routes/Addons/styles.less +++ b/src/routes/Addons/styles.less @@ -5,6 +5,7 @@ } :import('~stremio/common/ModalDialog/styles.less') { + add-addon-modal-content: modal-dialog-content; cancel-button-label: label; } @@ -160,27 +161,31 @@ } .add-addon-modal-container { - .notice { - margin-bottom: 1.5rem; - font-size: 1rem; - color: @color-background-dark5-90; - } + .add-addon-modal-content { + width: 30rem; - .addon-url-input { - width: 100%; - padding: 0.8rem; - color: @color-surface-dark5; - border: var(--focus-outline-size) solid @color-surface-light2; - - &:hover, &:focus { - outline-style: solid; - outline-width: var(--focus-outline-size); - outline-color: @color-surface-light4; - outline-offset: calc(-1 * var(--focus-outline-size)); + .notice { + margin-bottom: 1.5rem; + font-size: 1rem; + color: @color-background-dark5-90; } - &:focus { - outline-color: @color-background-dark5; + .addon-url-input { + width: 100%; + padding: 0.8rem; + color: @color-surface-dark5; + border: var(--focus-outline-size) solid @color-surface-light2; + + &:hover, &:focus { + outline-style: solid; + outline-width: var(--focus-outline-size); + outline-color: @color-surface-light4; + outline-offset: calc(-1 * var(--focus-outline-size)); + } + + &:focus { + outline-color: @color-background-dark5; + } } }