diff --git a/lib/gui/components/drive-selector/styles/_drive-selector.scss b/lib/gui/components/drive-selector/styles/_drive-selector.scss index 0ba48c72..4750e2b0 100644 --- a/lib/gui/components/drive-selector/styles/_drive-selector.scss +++ b/lib/gui/components/drive-selector/styles/_drive-selector.scss @@ -19,6 +19,11 @@ height: 320px; } +.modal-drive-selector-modal .modal-body { + padding-top: 0; + padding-bottom: 0; +} + .modal-drive-selector-modal .list-group-item[disabled] { cursor: not-allowed; } @@ -33,5 +38,45 @@ .list-group-item-text { word-break: break-all; } + + .list-group { + margin-bottom: 0; + } + + .list-group-item { + display: flex; + align-items: center; + border-left: 0; + border-right: 0; + border-radius: 0; + border-color: darken($palette-theme-light-background, 7%); + padding: 12px 0; + + > .tick { + font-size: 11px; + } + + :first-child { + flex-grow: 1; + } + + &:first-child { + border-top: 0; + } + + &[disabled] .list-group-item-heading { + color: $palette-theme-light-soft-foreground; + } + } + + .list-group-item-heading { + font-size: 13px; + } + + .list-group-item-text { + line-height: 1; + font-size: 11px; + color: $palette-theme-light-soft-foreground; + } } diff --git a/lib/gui/components/modal/styles/_modal.scss b/lib/gui/components/modal/styles/_modal.scss index 9364bc09..a133abc6 100644 --- a/lib/gui/components/modal/styles/_modal.scss +++ b/lib/gui/components/modal/styles/_modal.scss @@ -39,7 +39,7 @@ .modal-body { flex-grow: 1; color: $palette-theme-light-foreground; - padding: 0; + padding: 20px; max-height: 250px; overflow: auto; @@ -47,50 +47,6 @@ color: $palette-theme-primary-background; } - .list-group { - padding: 0 20px; - } - - .list-group-item { - display: flex; - align-items: center; - border-left: 0; - border-right: 0; - border-radius: 0; - border-color: darken($palette-theme-light-background, 7%); - padding: 12px 0; - - > .tick { - font-size: 11px; - } - - :first-child { - flex-grow: 1; - } - - &:first-child { - border-top: 0; - } - - &[disabled] .list-group-item-heading { - color: $palette-theme-light-soft-foreground; - } - } - - .list-group-item-heading { - font-size: 13px; - } - - .list-group-item-text { - line-height: 1; - font-size: 11px; - color: $palette-theme-light-soft-foreground; - } -} - -.modal-text { - padding: 20px; - > p { white-space: pre-line; } diff --git a/lib/gui/components/tooltip-modal/templates/tooltip-modal.tpl.html b/lib/gui/components/tooltip-modal/templates/tooltip-modal.tpl.html index 5b8be9f4..226a3dd7 100644 --- a/lib/gui/components/tooltip-modal/templates/tooltip-modal.tpl.html +++ b/lib/gui/components/tooltip-modal/templates/tooltip-modal.tpl.html @@ -3,6 +3,4 @@ -
Etcher {{ ::modal.options.version }} is available for download
-Etcher {{ ::modal.options.version }} is available for download
{{ ::modal.options.description }}
-{{ ::modal.options.description }}