modal dialog processing like a window

2 files changed, 11 insertions, 7 deletions

diff --git a/kvmd/web/css/mobile.css b/kvmd/web/css/mobile.css
index 24bf9ca8..a298865f 100644
--- a/kvmd/web/css/mobile.css
+++ b/kvmd/web/css/mobile.css
@@ -36,7 +36,7 @@
 		background-color: var(--bg-color-normal) !important;
 	}
 
-	div.modal div.modal-window div.modal-buttons button {
+	div.modal-buttons button {
 		height: 50px !important;
 	}
 
diff --git a/kvmd/web/css/modals.css b/kvmd/web/css/modals.css
index 441c065f..cfb0df20 100644
--- a/kvmd/web/css/modals.css
+++ b/kvmd/web/css/modals.css
@@ -10,39 +10,43 @@ div.modal {
 	z-index: 2147483647;
 }
 
-div.modal div.modal-window {
+div.modal-window {
 	display: table;
 	outline: none;
 	margin: 15% auto;
 	overflow: hidden;
-	border: var(--intensive-border);
+	border: var(--dark-border);
 	border-radius: 8px;
 	box-sizing: border-box;
 	box-shadow: var(--big-shadow);
 	background-color: var(--bg-color-light);
 	padding: 0;
 }
+div.modal-window:focus {
+	border: var(--intensive-border) !important;
+}
+
 
-div.modal div.modal-window div.modal-header {
+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 {
+div.modal-content {
 	max-width: 500px;
 	max-height: 500px;
 	padding: 16px 9px 16px 9px;
 }
 
-div.modal div.modal-window div.modal-buttons {
+div.modal-buttons {
 	border-top: var(--dark-border);
 	margin: 0;
 	padding: 0;
 	font-size: 0;
 }
 
-div.modal div.modal-window div.modal-buttons button {
+div.modal-buttons button {
 	height: 40px;
 }