Merge pull request #19 from solidusjs/css-fixes

make tab panel fill height to 100%. fixes #18

Author: localjo

dist/devtools-solidus-0.1.0.crx

@@ -150,7 +150,11 @@ pre.scroll-panel, .inspector-json {
   font-family: Menlo, monospace;
   background: #fff;
   border-radius: 0;
-  max-height: 90%;
+  height: 100%;
+}
+
+.scroll-panel.has-toolbar {
+  height: calc(100% - 23px);
 }
 
 .inspector-json * {

extension/devpanel.css

@@ -32,7 +32,7 @@
         <div class="btn-group server-log-buttons">
           <button type="button" id="logclear" title="Clear server log." class="btn btn-default"><span class="icon-clear"></span></button>
         </div>
-        <pre id="serverlogs" class="scroll-panel"></pre>
+        <pre id="serverlogs" class="scroll-panel has-toolbar"></pre>
       </div>
       <div class="tab-pane" id="info">
         <div class="scroll-panel">