Make word wrap optional, better mobile design

1 files changed, 25 insertions, 4 deletions

diff --git a/css/main.scss b/css/main.scss
index 4341ca3..f095179 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -174,6 +174,16 @@ strong {
     }
 }
 
+.action {
+    display: inline;
+
+    & + & {
+        &::before {
+            content: ' | '
+        }
+    }
+}
+
 //
 
 .wrap {
@@ -184,16 +194,17 @@ strong {
 .content {
     box-sizing:   border-box;
     display:      inline-block;
-    //min-width:   50em;
-    //min-width:   5ch + 80;
     min-width:    0;
     max-width:    100%;
     margin:       0;
     padding:      0;
     text-align:   left;
     font:         inherit;
-    white-space:  pre-wrap;
-    word-wrap:    break-word;
+
+    &--wrap {
+        white-space: pre-wrap;
+        word-wrap:   break-word;
+    }
 
     &--has-type-annotations {
         padding-left: 3em;
@@ -308,4 +319,14 @@ strong {
     .location__prefix {
         display: none;
     }
+
+    .action {
+        display: block;
+
+        & + & {
+            &::before {
+                content: '';
+            }
+        }
+    }
 }