diff options
Diffstat (limited to 'web/css/modals.css')
| -rw-r--r-- | web/css/modals.css | 19 |
1 files changed, 12 insertions, 7 deletions
diff --git a/web/css/modals.css b/web/css/modals.css index 4d49815e..955795bb 100644 --- a/web/css/modals.css +++ b/web/css/modals.css @@ -10,7 +10,7 @@ div.modal { z-index: 2147483647; } -div.modal-window { +div.modal div.modal-window { display: table; outline: none; margin: 15% auto; @@ -22,31 +22,36 @@ div.modal-window { background-color: var(--bg-color-light); padding: 0; } -div.modal-window:focus { +div.modal div.modal-window:focus { border: var(--border-intensive-2px) !important; } - -div.modal-header { +div.modal div.modal-window div.modal-header { text-align: center; font-weight: bold; padding: 3px 9px 3px 9px; border-bottom: var(--border-normal-thin); } -div.modal-content { +div.modal div.modal-window div.modal-content { max-width: 500px; max-height: 500px; padding: 16px 9px 16px 9px; } -div.modal-buttons { +div.modal div.modal-window div.modal-buttons { border-top: var(--border-dark-thin); margin: 0; padding: 0; font-size: 0; } -div.modal-buttons button { +div.modal div.modal-window div.modal-buttons button { height: 40px; } +@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { + /* iPad vertical */ + div.modal-buttons button { + height: 50px !important; + } +} |