align action buttons in table to the right

src/common/table-column.js

@@ -39,15 +39,19 @@ class TableColumn extends Component {
     checkboxKey: '',
     checkboxDisabled: null,
     labelStyle: null,
-    labelModifier: null
+    labelModifier: null,
+    align: 'left'
   };
 
   render() {
-    return (
-      <th width={this.props.width}>
-        {this.props.title}
-      </th>
-    );
+    let style = {
+      textAlign: this.props.align,
+      width: this.props.width
+    };
+
+    return <th style={style}>
+      {this.props.title}
+    </th>;
   }
 }
 

src/common/table.js

@@ -250,7 +250,7 @@ class CustomTable extends Component {
     }
 
     return cell;
-  } // addCell
+  }
 
   static getDerivedStateFromProps(props, state) {
     const rows = CustomTable.getRows(props);
@@ -329,9 +329,13 @@ class CustomTable extends Component {
                       onCellFocus: () => { },
                       onCellBlur: () => { }
                     };
+                    let cellStyle = {
+                      textAlign: children[cellIndex].props.align
+                    };
 
                     return <td
                       key={cellIndex}
+                      style={cellStyle}
                       tabIndex={tabIndex}
                       onClick={evtHdls.onCellClick}
                       onFocus={evtHdls.onCellFocus}

src/file/edit-files.js

@@ -132,6 +132,7 @@ class EditFilesDialog extends React.Component {
             />
             <TableColumn
               title=''
+              align='right'
               deleteButton
               onDelete={(index) => this.deleteFile(index)}
               editButton

src/ic/ics.js

@@ -445,6 +445,7 @@ class InfrastructureComponents extends Component {
           {this.state.currentUser.role === "Admin" ?
             <TableColumn
               width='150'
+              align='right'
               editButton
               showEditButton ={(index) => this.isLocalIC(index, ics)}
               exportButton

src/scenario/scenario.js

@@ -821,6 +821,7 @@ class Scenario extends React.Component {
         <TableColumn
           title=''
           width='200'
+          align='right'
           editButton
           deleteButton
           exportButton
@@ -918,6 +919,7 @@ class Scenario extends React.Component {
         <TableColumn
           title=''
           width='200'
+          align='right'
           editButton
           deleteButton
           exportButton
@@ -974,7 +976,8 @@ class Scenario extends React.Component {
           onDownload={(index) => this.downloadResultData(index)}
         />
         <TableColumn
-          width='300'
+          width='200'
+          align='right'
           editButton
           downloadAllButton
           deleteButton

src/scenario/scenarios.js

@@ -271,6 +271,7 @@ class Scenarios extends Component {
           />
           <TableColumn
             width='200'
+            align='right'
             editButton
             deleteButton
             exportButton

src/user/users.js

@@ -155,6 +155,7 @@ class Users extends Component {
           />
           <TableColumn
             width='200'
+            align='right'
             editButton
             deleteButton
             onEdit={index => this.setState({