[minor] Update WebUI modals

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 {

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">