switching order

nodeEditor/src/components/propertyTab/propertyTab.scss

@@ -274,12 +274,13 @@
             }
         }
 
-        .gradient-delete {            
+        .gradient-copy {            
             grid-row: 1;
             grid-column: 5;
             display: grid;
             align-content: center;
-            justify-content: center;;
+            justify-content: center;
+ 
             .img {
                 height: 20px;
                 width: 20px;
@@ -289,13 +290,12 @@
             }
 
         }
-        .gradient-copy {            
+        .gradient-delete {            
             grid-row: 1;
             grid-column: 6;
             display: grid;
             align-content: center;
-            justify-content: center;
- 
+            justify-content: center;;
             .img {
                 height: 20px;
                 width: 20px;
@@ -305,6 +305,7 @@
             }
 
         }
+
     }
 
     .floatLine {

nodeEditor/src/diagram/properties/gradientStepComponent.tsx

@@ -66,12 +66,12 @@ export class GradientStepComponent extends React.Component<IGradientStepComponen
                         onPointerUp={evt => this.onPointerUp()}
                         onChange={evt => this.updateStep(parseFloat(evt.target.value))} />
                 </div>
-                <div className="gradient-delete" onClick={() => this.props.onDelete()} title={"Delete Step"}>
-                    <img className="img" src={deleteButton}/>
-                </div>
                 <div className="gradient-copy" onClick={() => {if(this.props.onCopy) this.props.onCopy()}} title="Copy Step">
                     <img className="img" src={copyIcon} />
                 </div>
+                <div className="gradient-delete" onClick={() => this.props.onDelete()} title={"Delete Step"}>
+                    <img className="img" src={deleteButton}/>
+                </div>
             </div>
         )
     }