From 56ffa6b05637b1de1d8af3b7d91823271e5a171d Mon Sep 17 00:00:00 2001
From: Tatiana Llorente <tatiana.llorente@artica.es>
Date: Wed, 21 Aug 2019 12:44:19 +0200
Subject: [PATCH] Added button for close error popup - #4154

---
 pandora_console/general/mysqlerr.php | 34 ++++++++++++++++++++++++----
 1 file changed, 30 insertions(+), 4 deletions(-)

diff --git a/pandora_console/general/mysqlerr.php b/pandora_console/general/mysqlerr.php
index 40da530386..bffe9bf5c6 100644
--- a/pandora_console/general/mysqlerr.php
+++ b/pandora_console/general/mysqlerr.php
@@ -77,7 +77,23 @@
 }
 
 #opacity{
-background:black;opacity:0.1;left:0px;top:0px;width:100%;height:100%;
+    background:black;
+    opacity:0.1;
+    left:0px;
+    top:0px;
+    width:100%;
+    height:100%;
+    position: fixed;
+    z-index: 1;
+}
+
+img.modalclose {
+    text-align: right;
+    float: right;
+    padding-right: 11px;
+    padding-top: 11px;
+    vertical-align: middle;
+    cursor:pointer;
 }
 
 </style>
@@ -88,8 +104,9 @@ background:black;opacity:0.1;left:0px;top:0px;width:100%;height:100%;
     
     <div class='modalheade'>
         <span class='modalheadertex'>
-            <?php echo __('Database error'); ?>
+            <?php echo __('Database error'); ?>        
         </span>
+        <img class='modalclose' src='<?php echo $config['homeurl']; ?>images/icono_cerrar.png'>  
     </div>
 
     <div class='modalconten'>
@@ -101,7 +118,7 @@ background:black;opacity:0.1;left:0px;top:0px;width:100%;height:100%;
         </div>
     </div>
     <a href='https://wiki.pandorafms.com/index.php?title=Pandora:Documentation_en:Configuration' target='_blank'>
-    <div class='modalwikibutto cerrar'>
+    <div class='modalwikibutto'>
         <span class='modalwikibuttontex'> <?php echo __('Documentation'); ?></span>
     </div>
     </a>
@@ -110,4 +127,13 @@ background:black;opacity:0.1;left:0px;top:0px;width:100%;height:100%;
 <div id="opacity"></div>
     
 </body>
-</html>
\ No newline at end of file
+</html>
+
+<script>
+
+    $(".modalclose").click(function(){
+        $('div#alert_messages_na').toggle();
+        $('div#opacity').toggle();
+    });
+
+</script>