Fixed icon alignment (#39)

* Fixed icon alignment
* Fix overlay width and height
* Update version

Author: armino-dev

css/timed-dialog.css

@@ -1,5 +1,5 @@
 /**
- * jQuery Timed Dialog Plugin stylesheet
+ * jQuery Timed Dialog Plugin style sheet
  * Author: Armino Popp, <[email protected]>
  */
 .timed-dialog-overlay {
@@ -29,7 +29,6 @@ button {
     align-items: center;
     background-color: #1055aa;
     color: white;
-    line-height: 1.2rem;
     padding: 5px 10px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px; }

demo/index.html

@@ -140,7 +140,7 @@ <h3>2.3. Complex confirmation modal</h3>
                 options = {
                     type: 'info',
                     title: 'Info',
-                    body: '<p>This is an info modal with autoclose on timer. You can insert html markup also.</p>',
+                    body: '<p>This is an info modal with auto close on timer. You can insert html markup also.</p>',
                     width: 400,
                     height: 280,
                     timeout: 5,

dist/timed-dialog.min.js

@@ -1,7 +1,7 @@
 {
     "name": "@armino-dev/jquery-timed-dialog",
     "title": "jQuery Timed Dialog",
-    "version": "1.0.3",
+    "version": "1.0.4",
     "description": "A jQuery timed dialog UI",
     "homepage": "https://github.com/armino-dev/jquery-timed-dialog#readme",
     "main": "dist/timed-dialog.min.js",

package.json

@@ -1,5 +1,5 @@
 /**
- * jQuery Timed Dialog Plugin stylesheet
+ * jQuery Timed Dialog Plugin style sheet
  * Author: Armino Popp, <[email protected]>
  */
 
@@ -39,7 +39,6 @@ button {
 
         background-color: $header-bg-color;
         color: white;
-        line-height: 1.2rem;
         padding: 5px 10px;
         border-top-left-radius: 5px;
         border-top-right-radius: 5px;

scss/timed-dialog.scss

@@ -33,8 +33,8 @@
         const heights = [body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight];
         const widths = [body.scrollWidth, body.offsetWidth, html.clientWidth, html.scrollWidth, html.offsetWidth];
 
-        const documentHeight = Math.max(heights);
-        const documentWidth = Math.max(widths);
+        const documentHeight = Math.max(...heights);
+        const documentWidth = Math.max(...widths);
 
         const allowedTypes = {
             info: {
@@ -83,7 +83,7 @@
         const dialog = $(`
                     <div id="${containerId}" class="timed-dialog">
                         <div class="header">
-                            <div class="icon">${settings.icon}</div>
+                            <div class="icon"><span>${settings.icon}</span></div>
                             <h1 class="title">${settings.title}</h1>
                         </div>
                         <div class="body">${settings.body}</div>