Improved wrapping behavior

1 files changed, 20 insertions, 9 deletions

diff --git a/css/main.scss b/css/main.scss
index 418f483..4341ca3 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -177,26 +177,37 @@ strong {
 //
 
 .wrap {
+    padding:    2em 1em;
     text-align: center;
 }
 
 .content {
-    display:     inline-block;
+    box-sizing:   border-box;
+    display:      inline-block;
     //min-width:   50em;
     //min-width:   5ch + 80;
-    min-width:   0;
-    max-width:   100%;
-    margin:      0;
-    padding:     2em 1em;
-    text-align:  left;
-    font:        inherit;
-    white-space: pre-wrap;
+    min-width:    0;
+    max-width:    100%;
+    margin:       0;
+    padding:      0;
+    text-align:   left;
+    font:         inherit;
+    white-space:  pre-wrap;
+    word-wrap:    break-word;
+
+    &--has-type-annotations {
+        padding-left: 3em;
+        padding-left: 5ch;
+    }
 }
 
 //
 
 .type-annotation {
-    color: $text-minus;
+    margin-left: -3em;
+    margin-left: -5ch;
+    color:       $text-minus;
+    white-space: pre;
 }
 
 //