route bugfix, localization

react/shared/elements/data-table.css

@@ -9,6 +9,7 @@
 
 .data-table th {
     background-color: #bbb;
+    white-space: nowrap;
 }
 
 .data-table th > svg {
@@ -33,4 +34,14 @@
 .pagination-page-size > div {
     padding-top: 5px;
     padding-bottom: 5px;
+}
+
+.data-table-buttons {
+    white-space: nowrap;
+}
+
+.data-table-buttons > svg {
+    margin-left: 4px;
+    margin-right: 4px;
+    cursor: pointer;
 }

react/shared/elements/data-table.js

@@ -293,7 +293,6 @@ export class ControlsColumn extends DataColumn {
                 ...buttonProps,
                 key: "button-" + index,
                 onClick: (e) => { e.stopPropagation(); button.onClick(entry, index); },
-                className: "data-table-clickable",
             }
 
             if (button.hasOwnProperty("disabled")) {
@@ -309,8 +308,8 @@ export class ControlsColumn extends DataColumn {
             }
         }
 
-        return <>
+        return <Box className={"data-table-buttons"}>
             {buttonElements}
-        </>
+        </Box>
     }
 }