diff options
Diffstat (limited to 'pages/popup.html')
| -rw-r--r-- | pages/popup.html | 26 |
1 files changed, 17 insertions, 9 deletions
diff --git a/pages/popup.html b/pages/popup.html index dcf123a9..53a75495 100644 --- a/pages/popup.html +++ b/pages/popup.html @@ -12,18 +12,26 @@ font-size: 12px; } - #helpText, #stateLine { color: #979ca0; } + #helpText, #stateLine, #state { color: #979ca0; } #exclusionAddButton { width: 80px; } #saveOptions { - margin-top: 5px; /* Match exclusionAddButton */ + margin-top: 5px; /* Match #exclusionAddButton */ margin-left: 5px; float: right; } + #state { + padding-left: 5px; + background: #f5f5f5; + width: 100%; + border-bottom: 1px solid #979ca0; + margin: 0px; + } + /* These are overridden from options.css. */ - #endSpace, #footerWrapper { width: 450px; } + #endSpace, #footerWrapper { width: 500px; } #footerWrapper { margin-left: 0px; } /* Make exclusionScrollBox smaller than on the options page, because there are likely to be fewer @@ -35,14 +43,16 @@ } #endSpace { /* Leave space for the fixed footer. */ - min-height: 46px; - max-height: 46px; + min-height: 40px; + max-height: 40px; } </style> <script src="options.js"></script> </head> <body> + <div id="state"></div> + <!-- Copied (almost) directly from options.html - start --> <!-- The only difference is the column headers. --> <div id="exclusionScrollBox"> @@ -71,11 +81,9 @@ <table> <tr> <td id="stateLine" style="width: 99%"> - <span id="state"></span> - <br/> - <span id="helpText">These are the matching rules for this page.</span> + <span id="helpText">These are rules matching this page.</span> <br/> - <a id="optionsLink" target="_blank">Options</a> + <a id="optionsLink" target="_blank" tabindex="99999">Options</a> </td> <td valign="top"> <button id="exclusionAddButton">Add Rule</button> |