From b633a93b68284528ee01c4737e231073b78ef0b2 2011-08-11 16:39:04
From: Brian E. Granger <ellisonbg@gmail.com>
Date: 2011-08-11 16:39:04
Subject: [PATCH] Reducing/adjusting the padding of cells to make the notebook more
compact.

* Reduced padding between cells from 15px to 5px.
* Prompt width is now dynamic to grow/shrink as the prompt number
  increases in width.
* Reduced padding between input and output from 15px to 5px.

---

diff --git a/IPython/frontend/html/notebook/static/css/notebook.css b/IPython/frontend/html/notebook/static/css/notebook.css
index aa1c316..06da870 100644
--- a/IPython/frontend/html/notebook/static/css/notebook.css
+++ b/IPython/frontend/html/notebook/static/css/notebook.css
@@ -149,7 +149,8 @@ div#notebook {
     overflow-y: scroll;
     overflow-x: auto;
     width: 100%;
-    padding: 0px 15px 0px 15px;
+    /* This spaces the cell away from the edge of the notebook area */
+    padding: 15px 15px 15px 15px;
     margin: 0px
     background-color: white;
 }
@@ -167,7 +168,7 @@ div.cell {
     width: 100%;
     padding: 5px;
     /* This acts as a spacer between cells, that is outside the border */
-    margin: 15px 0px 15px 0px;
+    margin: 5px 0px 5px 0px;
 }
 
 div.code_cell {
@@ -175,7 +176,9 @@ div.code_cell {
 }
 
 div.prompt {
-    width: 80px;
+    /* No width is used so the prompt area can expand as the prompt number
+       increases in width */
+    /* This 0.4em is tuned to match the padding on the CodeMirror editor. */
     padding: 0.4em;
     margin: 0px;
     font-family: monospace;
@@ -187,7 +190,7 @@ div.input_prompt {
 
 div.output {
     /* This is a spacer between the input and output of each cell */
-    margin-top: 15px;
+    margin-top: 5px;
 }
 
 div.output_prompt {