From a071c976388da3a07020e93b147e08b36775f72a Mon Sep 17 00:00:00 2001
From: moisseev <moiseev@mezonplus.ru>
Date: Sat, 4 Jul 2020 18:56:48 +0300
Subject: [PATCH] [minor] Update WebUI modals

---
 interface/css/rspamd.css | 11 ++---------
 interface/index.html     | 14 +++++++-------
 2 files changed, 9 insertions(+), 16 deletions(-)

diff --git a/interface/css/rspamd.css b/interface/css/rspamd.css
index 5c925753c..c661c2ad1 100644
--- a/interface/css/rspamd.css
+++ b/interface/css/rspamd.css
@@ -217,6 +217,8 @@ table#symbolsTable input[type="number"] {
     background-image: -linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
     /* stylelint-disable-next-line function-name-case */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#eaeaea', GradientType=0); /* IE6-9 */
+}
+.card-header {
     height: 36px;
 }
 .card-header h6 {
@@ -286,15 +288,6 @@ table#symbolsTable input[type="number"] {
 .nopadding {
     padding: 0 !important;
 }
-.modal-header {
-    height: auto;
-    padding: 8px 15px 5px;
-}
-.modal-header h3 {
-    margin: 7px;
-    font-size: 12px;
-    text-shadow: 0 1px 0 #ffffff;
-}
 
 /* Symbols coloring */
 .symbol-default {
diff --git a/interface/index.html b/interface/index.html
index 88176624d..0369d5f39 100644
--- a/interface/index.html
+++ b/interface/index.html
@@ -457,11 +457,11 @@
 
 <!-- Common modal -->
 <div id="modalDialog" class="modal fade" tabindex="-1" role="dialog">
-	<div class="modal-dialog">
+	<div class="modal-dialog modal-xl">
 		<div class="modal-content">
-			<div class="modal-header">
-				<h3 id="modalTitle"></h3>
-				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+			<div class="modal-header py-2">
+				<h6 class="modal-title" id="modalTitle"></h6>
+				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
 			</div>
 			<div class="modal-body" id="modalBody"></div>
 			<div class="modal-footer">
@@ -475,10 +475,10 @@
 
 <!-- login modal -->
 <div id="connectDialog" class="modal" tabindex="-1" role="dialog" style="display: none;">
-	<div class="modal-dialog">
+	<div class="modal-dialog modal-sm modal-dialog-centered">
 		<div class="modal-content shadow">
-			<div class="modal-header">
-				<h3>Login to Rspamd</h3>
+			<div class="modal-header py-2">
+				<h6 class="modal-title">Login to Rspamd</h6>
 			</div>
 			<div class="modal-body" id="connectBody">
 				<form id="connectForm">
-- 
2.39.5