From a8773eab1e8f82a7bd862492e5520dcb9690a5e0 Mon Sep 17 00:00:00 2001
From: Devaev Maxim <mdevaev@gmail.com>
Date: Mon, 27 Aug 2018 13:13:49 +0300
Subject: own modals - first implementation

---
 kvmd/web/css/modals.css | 31 +++++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

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

diff --git a/kvmd/web/css/modals.css b/kvmd/web/css/modals.css
index eedb4ef6..441c065f 100644
--- a/kvmd/web/css/modals.css
+++ b/kvmd/web/css/modals.css
@@ -10,16 +10,39 @@ div.modal {
 	z-index: 2147483647;
 }
 
-div.modal-content {
+div.modal div.modal-window {
 	display: table;
 	outline: none;
 	margin: 15% auto;
 	overflow: hidden;
-	border: var(--important-border);
+	border: var(--intensive-border);
 	border-radius: 8px;
 	box-sizing: border-box;
 	box-shadow: var(--big-shadow);
-	white-space: nowrap;
 	background-color: var(--bg-color-light);
-	padding: 9px;
+	padding: 0;
+}
+
+div.modal div.modal-window div.modal-header {
+	text-align: center;
+	font-weight: bold;
+	padding: 3px 9px 3px 9px;
+	border-bottom: var(--normal-border);
+}
+
+div.modal div.modal-window div.modal-content {
+	max-width: 500px;
+	max-height: 500px;
+	padding: 16px 9px 16px 9px;
+}
+
+div.modal div.modal-window div.modal-buttons {
+	border-top: var(--dark-border);
+	margin: 0;
+	padding: 0;
+	font-size: 0;
+}
+
+div.modal div.modal-window div.modal-buttons button {
+	height: 40px;
 }
-- 
cgit v1.2.3