From a449b39c52392d0d8b043934a15792f21d54e06d Mon Sep 17 00:00:00 2001
From: Devaev Maxim <mdevaev@gmail.com>
Date: Tue, 9 Oct 2018 16:20:41 +0300
Subject: refactoring

---
 web/css/modals.css | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

(limited to 'web/css/modals.css')

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;
+	}
+}
-- 
cgit v1.2.3