Datalog notification changes fixes for all browsers

interface/web/themes/default/assets/stylesheets/ispconfig.css

@@ -73,7 +73,8 @@ body {
     height: 100%; }
 
 #headerbar {
-  float: right; }
+  float: right;
+  }
 
 #searchform {
   float: right;
@@ -724,18 +725,27 @@ input[type="password"].form-control[readonly] {
     max-width: 100%;
 }
 .notification {
-    width: 35px;
+	width: 35px;
     height: 35px;
     background: #c70f19;
     border-radius: 50%;
-    display: inline-flex;
-    margin-right: 15px;
+    display: flex;
     margin-top: 15px;
     cursor: pointer;
+    margin-right: 5px;
+    float: right;
 }
 .notification {
 	animation: pulse 2s infinite;
 }
+@media (max-width: 600px) {
+	.notification {
+		margin-top: 0px;
+		margin-right: 0px;
+		margin-left: 230px;
+		position: relative;
+	}
+}
 @keyframes pulse {
 	0% {
 		background: #ff000e;
@@ -747,7 +757,7 @@ input[type="password"].form-control[readonly] {
 		background: #ff000e;
 	}
 }
-.systemmonitor-state.state-info {
+.systemmonitor-state.state-info .statusMsg {
     display: none;
 }
 

interface/web/themes/default/templates/main.tpl.htm

@@ -60,32 +60,32 @@
 				</tmpl_if>
             </tmpl_if>
           </div>
+                    <div class="notification" data-toggle="modal" data-target="#datalogModal" style="display: none;">
+	            <span class="notification_text">{tmpl_var name="datalog_changes_count"}</span>
+            </div>
+			<!-- Datalogstatus Modal -->
+			<div id="datalogModal" class="modal fade" role="dialog">
+			  <div class="modal-dialog">
+			    <div class="modal-content">
+			      <div class="modal-header">
+			        <button type="button" class="close" data-dismiss="modal">&times;</button>
+			        <h4 class="modal-title">{tmpl_var name="datalog_changes_txt"}</h4>
+			      </div>
+			      <div class="modal-body">
+			        <ul>
+				    <tmpl_loop name="datalog_changes">
+				        <li><strong>{tmpl_var name="text"}:</strong> {tmpl_var name="count"}</li>
+				    </tmpl_loop>
+				    </ul>
+			      </div>
+			      <div class="modal-footer">
+			        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+			      </div>
+			    </div>
+			  </div>
+			</div>
+			<!-- END Datalogstatus Modal -->
         </div>
-		<div class="notification" data-toggle="modal" data-target="#myModal" style="display: none;">
-			<span class="notification_text">{tmpl_var name="datalog_changes_count"}</span>
-		</div>
-		<!-- Datalogstatus Modal -->
-		<div id="myModal" class="modal fade" role="dialog">
-		  <div class="modal-dialog">
-		    <div class="modal-content">
-		      <div class="modal-header">
-		        <button type="button" class="close" data-dismiss="modal">&times;</button>
-		        <h4 class="modal-title">{tmpl_var name="datalog_changes_txt"}</h4>
-		      </div>
-		      <div class="modal-body">
-		        <ul>
-			    <tmpl_loop name="datalog_changes">
-			        <li><strong>{tmpl_var name="text"}:</strong> {tmpl_var name="count"}</li>
-			    </tmpl_loop>
-			    </ul>
-		      </div>
-		      <div class="modal-footer">
-		        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
-		      </div>
-		    </div>
-		  </div>
-		</div>
-		<!-- END Datalogstatus Modal -->
 		<tmpl_if name='logged_in' value='y'><div id='topnav-container'>
 		</div></tmpl_if>
 		<div class='clear'>