diff --git a/src/content/notificationBar.js b/src/content/notificationBar.js index ed66dc00..dad51cf8 100644 --- a/src/content/notificationBar.js +++ b/src/content/notificationBar.js @@ -122,17 +122,17 @@ var iframe = document.createElement('iframe'); iframe.src = chrome.extension.getURL(barPage); - iframe.style.cssText = 'height: 41px; width: 100%; border: 0;'; + iframe.style.cssText = 'height: 42px; width: 100%; border: 0;'; var frameDiv = document.createElement('div'); frameDiv.id = 'bit-notification-bar'; - frameDiv.style.cssText = 'height: 41px; width: 100%; top: 0; left: 0; padding: 0; position: fixed; z-index: 1000000099; visibility: visible;'; + frameDiv.style.cssText = 'height: 42px; width: 100%; top: 0; left: 0; padding: 0; position: fixed; z-index: 1000000099; visibility: visible;'; frameDiv.appendChild(iframe); document.body.appendChild(frameDiv); var spacer = document.createElement('div'); spacer.id = 'bit-notification-bar-spacer'; - spacer.style.cssText = 'height: 41px;'; + spacer.style.cssText = 'height: 42px;'; document.body.insertBefore(spacer, document.body.firstChild); } diff --git a/src/notification/bar.css b/src/notification/bar.css index cc882e53..c6685bbb 100644 --- a/src/notification/bar.css +++ b/src/notification/bar.css @@ -15,7 +15,7 @@ table { .outter-table > tbody > tr > td { padding: 0 0 0 10px; - border-bottom: 1px solid #333333; + border-bottom: 2px solid #3c8dbc; height: 40px; } @@ -48,7 +48,21 @@ img { } #close { - width: 18px; - height: 18px; + width: 15px; + height: 15px; display: block; + padding: 5px 0; } + +button { + background-color: #3c8dbc; + padding: 5px 15px; + border-radius: 3px; + color: #ffffff; + border: 0; +} + + button:hover { + cursor: pointer; + background-color: #3681ad; + } diff --git a/src/notification/bar.html b/src/notification/bar.html index 3cccc407..3172d885 100644 --- a/src/notification/bar.html +++ b/src/notification/bar.html @@ -10,12 +10,14 @@ - + + + - + - X + X