Modify overflow CSS to fix issues with JSON going off-screen (#625)

* Modify CSS to fix overflow issues

* Set width of label to 300px

Author: adhityamamallan

client/components/detail-list.vue

@@ -98,7 +98,7 @@ dl.details
     &:nth-child(2n)
       background-color rgba(0,0,0,0.03)
   dt
-    flex 0 1 300px
+    flex 0 0 300px
     font-family monospace-font-family
     font-weight 200
     margin-right 1em
@@ -107,5 +107,6 @@ dl.details
     max-width calc(100vw - 700px)
     @media (max-width: 1000px)
       max-width 500px
-    one-liner-ellipsis()
+    overflow-y: auto;
+    max-height: 16vh;
 </style>

client/containers/workflow-history/component.vue

@@ -793,6 +793,7 @@ section.history {
     .vue-recycle-scroller__slot, .vue-recycle-scroller__item-view, .scroller-item {
       display: flex;
       width: 100%;
+      overflow-wrap: anywhere;
     }
 
     .col-id {