Merge pull request #7551 from Carreau/xxs

fix left-margin on xxs screen

IPython/html/static/notebook/less/cell.less

@@ -23,15 +23,15 @@ div.cell {
     }
 
     width: 100%;
-    padding: 5px 5px 5px 0px;
+    padding: 5px;
     /* This acts as a spacer between cells, that is outside the border */
     margin: 0px;
     outline: none;
 }
 
-div.prompt {
+.prompt {
     /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
-    min-width: 15ex;
+    min-width: 14ex;
     /* This padding is tuned to match the padding on the CodeMirror editor. */
     padding: @code_padding;
     margin: 0px;
@@ -44,7 +44,7 @@ div.prompt {
 @media (max-width: @screen-xs-min) {
     // prompts are in the main column on small screens,
     // so text should be left-aligned
-    div.prompt {
+    .prompt {
         text-align: left;
     }
 }

IPython/html/static/notebook/less/textcell.less

@@ -1,5 +1,4 @@
 div.text_cell {
-    padding: 5px 5px 5px 0px;
     .hbox();
 }
 @media (max-width: @screen-xs-min) {

IPython/html/static/style/ipython.min.css

@@ -359,7 +359,7 @@ div.cell {
   border-width: thin;
   border-style: solid;
   width: 100%;
-  padding: 5px 5px 5px 0px;
+  padding: 5px;
   /* This acts as a spacer between cells, that is outside the border */
   margin: 0px;
   outline: none;
@@ -382,9 +382,9 @@ div.cell.selected {
     border-color: transparent;
   }
 }
-div.prompt {
+.prompt {
   /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
-  min-width: 15ex;
+  min-width: 14ex;
   /* This padding is tuned to match the padding on the CodeMirror editor. */
   padding: 0.4em;
   margin: 0px;
@@ -394,7 +394,7 @@ div.prompt {
   line-height: 1.21429em;
 }
 @media (max-width: 540px) {
-  div.prompt {
+  .prompt {
     text-align: left;
   }
 }
@@ -1114,7 +1114,6 @@ div.output_unrecognized a:hover {
   margin-top: 1em;
 }
 div.text_cell {
-  padding: 5px 5px 5px 0px;
   /* Old browsers */
   display: -webkit-box;
   -webkit-box-orient: horizontal;

IPython/html/static/style/style.min.css

@@ -8853,7 +8853,7 @@ div.cell {
   border-width: thin;
   border-style: solid;
   width: 100%;
-  padding: 5px 5px 5px 0px;
+  padding: 5px;
   /* This acts as a spacer between cells, that is outside the border */
   margin: 0px;
   outline: none;
@@ -8876,9 +8876,9 @@ div.cell.selected {
     border-color: transparent;
   }
 }
-div.prompt {
+.prompt {
   /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
-  min-width: 15ex;
+  min-width: 14ex;
   /* This padding is tuned to match the padding on the CodeMirror editor. */
   padding: 0.4em;
   margin: 0px;
@@ -8888,7 +8888,7 @@ div.prompt {
   line-height: 1.21429em;
 }
 @media (max-width: 540px) {
-  div.prompt {
+  .prompt {
     text-align: left;
   }
 }
@@ -9608,7 +9608,6 @@ div.output_unrecognized a:hover {
   margin-top: 1em;
 }
 div.text_cell {
-  padding: 5px 5px 5px 0px;
   /* Old browsers */
   display: -webkit-box;
   -webkit-box-orient: horizontal;