WIP: styling the shell lesson area on the front page.

Author: rgommers

static/css/shell.css

@@ -84,10 +84,22 @@
 
 .shell-lesson {
     display: none;
-    align-items: center;
-    justify-content: center;
-    height: 30%;
-    width: 100%;
+    text-align: left;
+    padding: 15px;
+    height: 100%;
+    width: 60%;
+}
+
+.shell-lesson > p {
+    margin: 2px 0 2px 0;
+}
+
+.shell-lesson > pre {
+    margin: 5px 0 0 0;
+}
+
+.shell-lesson > highlight.div {
+    margin-bottom: 5px;
 }
 
 .demo-caret {