Merge pull request #1186 from lkiesow/table-wrapping

Improve word wrapping in tables

Author: dennis531

src/components/events/partials/ModalTabsAndPages/StartTaskGeneralPage.tsx

@@ -87,7 +87,7 @@ const StartTaskGeneralPage = <T extends RequiredFormProps>({
 												onChange={(e) => onChangeAllSelected(e)}
 											/>
 										</th>
-										<th className="full-width">
+										<th>
 											{t("EVENTS.EVENTS.TABLE.TITLE")}
 										</th>
 										<th className="nowrap">
@@ -105,7 +105,7 @@ const StartTaskGeneralPage = <T extends RequiredFormProps>({
 											key={key}
 											className={cn({ error: !isStartable(event) })}
 										>
-											<td>
+											<td className="small">
 												<input
 													name="events"
 													type="checkbox"
@@ -114,10 +114,10 @@ const StartTaskGeneralPage = <T extends RequiredFormProps>({
 												/>
 											</td>
 											<td>{event.title}</td>
-											<td className="nowrap">
+											<td>
 												{event.series ? event.series.title : ""}
 											</td>
-											<td className="nowrap">{t(event.event_status as ParseKeys)}</td>
+											<td>{t(event.event_status as ParseKeys)}</td>
 										</tr>
 									))}
 								</tbody>

src/styles/components/modals/_modal-components.scss

@@ -244,7 +244,7 @@
     &.tbl-list table td {
 
         &:first-child {
-            width: 150px;
+            max-width: 150px;
         }
 
         &:last-child {

src/styles/main.scss

@@ -618,7 +618,6 @@ table.main-tbl {
 
   td {
     max-width: 800px;
-    word-wrap: anywhere;
   }
 
   td {