Play with alert messages

diff --git a/Classes/class-message.php b/Classes/class-message.php
index 9bb6af28280884b1f40fd75bd398ee6483ffd604..476ae03249e3390fc46eb6e154988e305df32d40 100644 (file)
--- a/Classes/class-message.php
+++ b/Classes/class-message.php
@@ -5,25 +5,25 @@ class Message
        static function Fail($message)
        {
                ?>
-               <div class="alert alert-danger" role="alert">
-               <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
+               <div class="alert alert-short alert-danger fade show" role="alert">
                <?php echo $message; ?>
+               <span class="closebtn text-right" onclick="this.parentElement.style.display='none';">&times;</span>
          </div> <?php
        }
        static function Success($message)
        {
                ?>
-               <div class="alert alert-success" role="alert">
-               <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
+               <div class="alert alert-success fade show" role="alert">
                <?php echo $message; ?>
+               <span class="closebtn text-right" onclick="this.parentElement.style.display='none';">&times;</span>
          </div> <?php
        }
        static function Info($message)
        {
                ?>
-               <div class="alert alert-info" role="alert">
-               <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
+               <div class="alert alert-info fade show" role="alert">
                <?php echo $message; ?>
+               <span class="closebtn text-right" onclick="this.parentElement.style.display='none';">&times;</span>
          </div> <?php
        }
 }
\ No newline at end of file

diff --git a/css/unrealircd-admin.css b/css/unrealircd-admin.css
index c08d746af247656b0d104a82f771f2773e8ad713..5930d5b25f9dc1cab7e1d22db036879b165fee85 100644 (file)
--- a/css/unrealircd-admin.css
+++ b/css/unrealircd-admin.css
@@ -113,6 +113,22 @@ body {
 }
 
 
+.alert-short {
+       width: 40%;     
+}
+
+/* The close button */
+.closebtn {
+       color: black;
+       font-weight: bold;
+       float: right;
+       font-size: 22px;
+       line-height: 20px;
+       cursor: pointer;
+       transition: 0.3s;
+}
+
+
 .checkbox-dropdown {
        width: 200px;
        border: 1px solid #aaa;