Layout changes

src/containers/Configuration/Configuration.js

@@ -252,7 +252,7 @@ class Configuration extends IPCContainer {
     if ((this.state.ChangedItems.length > 0) || this.state.ChangedObjectLookup) {
       confirmSave = (
         <Modal>
-          <Box dxStyle={{width: '40vw', padding: '4px'}}>
+          <Box dxStyle={{width: '40vw', padding: 'var(--default_spacing)'}}>
             <h1 style={{width: '100%', textAlign: 'center'}}>Save Changes?</h1>
             <table width='100%'><tbody>
               <tr>
@@ -310,7 +310,7 @@ class Configuration extends IPCContainer {
     return (
       <div className={'Configuration'}>
         {confirmSave}
-        <Box dxDark dxStyle={{padding: '8px'}}>
+        <Box dxDark dxStyle={{padding: 'var(--default_spacing)'}}>
           <div style={{float: 'right', margin: 0, padding: 0, marginTop: '-4px', boxSizing: 'border-box', display: 'block'}}>
             <b style={{cursor: 'pointer'}}
                onClick={this.checkSaveRequired}>X</b>