.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.list-col{
  flex-grow: 2;
  min-width: 600px;
} 
.view-col {
  flex-grow: 1;
  
}

@media screen and (min-width: 768px) {
  .list-col {
    
    margin-right: 1%;
  }
  .view-col {
    
    max-width: 600px;
  }
}

.w2ui-grid-data {
  color: black;
  word-wrap: normal;
}

.w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div {
  overflow: visible;
  white-space: break-spaces;
}

.w2ui-grid .w2ui-grid-body table {
}