[minor] Update WebUI modals

diff --git a/interface/css/rspamd.css b/interface/css/rspamd.css
index 5c925753c66b06b46de4336ff9a425aefc1556a0..c661c2ad1b8ae6eedde36c6e2cac1511ceb53a78 100644 (file)
--- 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 88176624d73f720fcba3469fca7ccc02dc7043da..0369d5f3907f8375178aa86845dc201eccf229af 100644 (file)
--- 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">