| Index: block.html |
| =================================================================== |
| --- a/block.html |
| +++ b/block.html |
| @@ -29,13 +29,25 @@ |
| <script type="text/javascript" src="i18n.js" charset="utf-8"></script> |
| <script type="text/javascript" src="block.js" charset="utf-8"></script> |
| <style type="text/css"> |
| + * |
| + { |
| + box-sizing: border-box; |
| + } |
| + html |
| + { |
| + height: 100%; |
| + } |
| body |
| { |
| + height: 100%; |
| + margin: 0px; |
| + padding: 5px; |
| font-family: Arial, Helvetica, sans-serif; |
| font-size: 13px; |
| - margin: 0px; |
| - padding: 5px; |
| - display: inline-block; |
| + display: -webkit-flex; |
| + display: flex; |
| + -webkit-flex-direction: column; |
| + flex-direction: column; |
| } |
| #title, |
| #filters |
| @@ -50,13 +62,19 @@ |
| { |
| margin-right: 5px; |
| } |
| + #title, #buttons |
| + { |
| + -webkit-flex-shrink: 0; |
| + flex-shrink: 0; |
| + } |
| #filters |
| { |
| - width: 400px; |
| - height: 100px; |
| + width: 100%; |
| resize: none; |
| white-space: pre; |
| word-wrap: normal; |
| + -webkit-flex-grow: 1; |
| + flex-grow: 1; |
| } |
| #buttons |
| { |