diff --git a/extras/chrome_extension/css/popup.css b/extras/chrome_extension/css/popup.css index a3e880e04f..53acbeed37 100644 --- a/extras/chrome_extension/css/popup.css +++ b/extras/chrome_extension/css/popup.css @@ -12,7 +12,7 @@ body { h1 { font-weight: bold; font-size: 14px; - margin: 12px 0px 2px 0px; + margin: 2px 0px 2px 0px; } h2 { color : black; @@ -42,7 +42,8 @@ span.res { img.pm { margin-right: 3px; cursor: pointer; - margin-top: 0px; + margin-top: 2px; + float: right; } div.main { background-color: white; @@ -64,16 +65,8 @@ div.b { div.b p a { font-size: 10pt; } -div.b p { - margin: 0 0 0 12px; - padding-top: 2px; - display: none; - color: #333; - font-size: 8pt; -} div.b div.items p { margin: 2px 0px 8px 0px; - color: #333; width: 355px; float: left; display: block; @@ -141,6 +134,7 @@ div.options_footer { background: #f6f6f6; padding: 10px; margin: 10px; + margin-top: 35px; } .error_text { @@ -149,25 +143,56 @@ div.options_footer { .result { margin: 10px; - height: 520; + height: 500; overflow-y: auto; } #events_title { - border: 1px solid #e5e5e5; - text-align: center; padding: 5px 0; margin: 0; + padding-bottom: 10px; + border-bottom: 1px solid #e5e5e5; } .event { border: solid 1px #e5e5e5; border-top: 0; - padding: 3px 0; + padding: 5px 6px; + color: white; } -.sev-Warning { background: #FCED7E;} -.sev-Critical { background: #FA7A7A;} -.sev-Informational { background: #7FB9FA;} -.sev-Normal { background: #A8D96C;} -.sev-Maintenance { background: #BABDB6;} +.event a { + margin-left: 5px; + color: white; + font-size: 9pt; +} + +.sev-Warning a { + margin-left: 5px; + color: #333; +} + + +.event p { + margin: 0 0 0 6px; + padding-top: 2px; + display: none; + font-size: 8pt; +} + +.sev-Warning { + background: #FDDD30; + color: #333; +} +.sev-Critical { + background: #F84348; +} +.sev-Informational { + background: #4CA8E0; +} +.sev-Normal { + background: #84B839; +} +.sev-Maintenance { + background: #A8A8A8; +} \ No newline at end of file diff --git a/extras/chrome_extension/images/error.png b/extras/chrome_extension/images/error.png index d8dcc880f1..af676eb8f1 100644 Binary files a/extras/chrome_extension/images/error.png and b/extras/chrome_extension/images/error.png differ diff --git a/extras/chrome_extension/images/minus.gif b/extras/chrome_extension/images/minus.gif deleted file mode 100644 index 2e74ca7bb9..0000000000 Binary files a/extras/chrome_extension/images/minus.gif and /dev/null differ diff --git a/extras/chrome_extension/images/minus.png b/extras/chrome_extension/images/minus.png new file mode 100644 index 0000000000..2666d189e3 Binary files /dev/null and b/extras/chrome_extension/images/minus.png differ diff --git a/extras/chrome_extension/images/plus.gif b/extras/chrome_extension/images/plus.gif deleted file mode 100644 index 47db223eb0..0000000000 Binary files a/extras/chrome_extension/images/plus.gif and /dev/null differ diff --git a/extras/chrome_extension/images/plus.png b/extras/chrome_extension/images/plus.png new file mode 100644 index 0000000000..2666d189e3 Binary files /dev/null and b/extras/chrome_extension/images/plus.png differ diff --git a/extras/chrome_extension/js/popup.js b/extras/chrome_extension/js/popup.js index a543a7dce9..e9f41c328f 100644 --- a/extras/chrome_extension/js/popup.js +++ b/extras/chrome_extension/js/popup.js @@ -10,7 +10,6 @@ $(document).ready(function(){ // Display the information if (bg.fetchEvents().length == 0) { showError("Error in fetching data!! Check your internet connection"); - $('#events_title').hide(); } else { showEvents(); } @@ -80,16 +79,15 @@ function showEvents(){ var i=0; if(allEvents.length>0){ - $('#events_title').show(); while(i -
- -
-

ERROR

- +
+
+
+ +
+
+

ERROR

+ +
-
-
-

Events

-
-
+
+
+
+