From b7574a114dce1793c83e00316040daa6869d71dc Mon Sep 17 00:00:00 2001
From: Hugo Osvaldo Barrera <hugo@barrera.io>
Date: Sat, 20 Feb 2016 11:39:06 -0300
Subject: [PATCH 1/2] Separate response body and header into tabs

Previously these were separated via a 1px wide splitter. This had two
issues:

 * By default, headers would expand and cover body up.
 * 1px was *very* hard to click+drag on, making it a pretty painful
   experience to expand either panel.

This keeps this tidier, and more consistent with the rest of the layout.
---
 src/content/httprequester-window.xul | 88 +++++++++++++---------------
 1 file changed, 41 insertions(+), 47 deletions(-)

diff --git a/src/content/httprequester-window.xul b/src/content/httprequester-window.xul
index 7051003..9262b7e 100644
--- a/src/content/httprequester-window.xul
+++ b/src/content/httprequester-window.xul
@@ -200,56 +200,50 @@
    <!-- draggable splitter between left/right request/response sections -->
    <splitter collapse="after" resizeAfter="farthest">
    </splitter>
+   <tabbox id="reponse-tabs" flex="2">
+     <tabs>
+       <tab>Body</tab>
+       <tab>Headers</tab>
+     </tabs>
+     <tabpanels flex="2">
+       <!-- response area -->
+       <vbox  style="overflow: auto" flex="100">
+         <description id="title"/>
+         <hbox>
+           <label id="statusHeading" value="Status:"/>
+           <label id="code" value=""/>
+           <spacer flex="1"/>
 
-    <!-- response area -->
-	<groupbox flex="100" >
-      	<caption label="Response"/>
-		<vbox style="overflow: auto" flex="100">
-           <vbox  style="overflow: auto" flex="100">
-              <description id="title"/>
-              <hbox>
-                 <label id="statusHeading" value="Status:"/>
-                 <label id="code" value=""/>
-                 <spacer flex="1"/>
+           <radiogroup id="responseRenderType" onselect="App.responseRenderTypeChanged()">
+             <row align="center">
+               <radio group="position" label="Browser" value="0"  />
+               <radio group="position" label="Text" value="1" />
+             </row>
+           </radiogroup>
 
-                  <radiogroup id="responseRenderType" onselect="App.responseRenderTypeChanged()">
-                      <row align="center">
-                          <radio group="position" label="Browser" value="0"  />
-                          <radio group="position" label="Text" value="1" />
-                      </row>
-                  </radiogroup>
+           <checkbox id="prettyPrint" label="Pretty format"
+             autocheck="false" oncommand="App.togglePrettyPrint();" />
+           <label align="end"  class="small-margin, text-link" value="View raw transaction" onclick="App.viewRawRequest();" crop="end"/>
+         </hbox>
+         <!--<separator orient="horizontal" class="groove"/>-->
+         <vbox minheight="100px" flex="3">
+           <textbox id="response-content" multiline="true" flex="3"/>
+           <iframe id="browserIframe" type="content" flex="1" />
+         </vbox>
+       </vbox>
 
-                  <checkbox id="prettyPrint" label="Pretty format"
-                            autocheck="false" oncommand="App.togglePrettyPrint();" />
-                 <label align="end"  class="small-margin, text-link" value="View raw transaction" onclick="App.viewRawRequest();" crop="end"/>
-              </hbox>
-              <!--<separator orient="horizontal" class="groove"/>-->
-              <vbox minheight="100px" flex="3">
-                  <textbox id="response-content" multiline="true" flex="3"/>
-                  <iframe id="browserIframe" type="content" flex="1" />
-              </vbox>
-            </vbox>
-
-            <!-- draggable splitter between response content and
-
-
-
-            headers section -->
-            <splitter resizeAfter="flex">
-            </splitter>
-
-            <vbox style="overflow: auto">
-                <caption label="Headers"/>
-	         <grid flex="1">
-	            <columns>
-	               <column/>
-	               <column flex="1"/>
-	            </columns>
-	            <rows id="headers"/>
-	         </grid>
-	      </vbox>
-	   </vbox>
-   </groupbox>
+       <vbox style="overflow: auto">
+         <caption label="Headers"/>
+         <grid flex="1">
+           <columns>
+             <column/>
+             <column flex="1"/>
+           </columns>
+           <rows id="headers"/>
+         </grid>
+       </vbox>
+     </tabpanels>
+   </tabbox>
   
    </hbox>
    <!-- draggable splitter between request/response and History -->

From 8b1c681b341762d7180ef9401212ac6d1409d1c1 Mon Sep 17 00:00:00 2001
From: Hugo Osvaldo Barrera <hugo@barrera.io>
Date: Sat, 20 Feb 2016 11:42:18 -0300
Subject: [PATCH 2/2] Make the request/history splitter wider (higher)

This makes it easy to point at and drag around.
---
 src/content/httprequester-window.xul | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content/httprequester-window.xul b/src/content/httprequester-window.xul
index 9262b7e..0e1129c 100644
--- a/src/content/httprequester-window.xul
+++ b/src/content/httprequester-window.xul
@@ -247,7 +247,7 @@
   
    </hbox>
    <!-- draggable splitter between request/response and History -->
-   <splitter resizeAfter="flex">
+   <splitter resizeAfter="flex" height="3">
    </splitter>
     <!-- list of requests --> 
 	<vbox style="overflow: auto">