Merge pull request #8798 from BabylonJS/msDestiny14/nme

Custom Frames: Icon Sizes

nodeEditor/src/components/nodeList/nodeList.scss

@@ -88,23 +88,31 @@
                 }
 
                 .withButton {
-                    height: 40px;
+                    height: 30px;
                     position: relative;
                     .icon {
                         position: absolute;
-                        right: 10px;
-                        top: 10px;
-
+                        right: 4px;
+                        top: 5px;
                         &:hover {
                             cursor: pointer;
                         }
+
+                        .img {
+                            height: 17px;
+                            width: 17px;
+                        }
                     }
 
                     .buttonLine {
-                       
+                        height: 30px;
+                        display: grid;
+                        align-items: center;
+                        justify-items: stretch;
+                        padding-bottom: 5px;
                         position: absolute;
-                        right: 10px;
-                        top: 10px;
+                        right: 0px;
+                        top: 2px;
                         input[type="file"] {
                             display: none;
                         }
@@ -112,9 +120,7 @@
                         .file-upload {            
                             background: transparent;
                             border: transparent;
-                            margin: 0px 0px;
-                            color:white;
-                            padding: 0px 0px 5px 20px;
+                            padding: 15px 200px;
                             opacity: 0.9;
                             cursor: pointer;
                             text-align: center;

nodeEditor/src/sharedComponents/draggableLineWithButtonComponent.tsx

@@ -23,7 +23,7 @@ export class DraggableLineWithButtonComponent extends React.Component<IDraggable
                 }}>
                 {this.props.data.substr(0, this.props.data.length - 6)}
                 <div className="icon" onClick={() => { this.props.onIconClick(this.props.data); }} title={this.props.iconTitle}>
-                    <img title={this.props.iconTitle} src={this.props.iconImage}/>
+                    <img className="img" title={this.props.iconTitle} src={this.props.iconImage}/>
                 </div>
             </div>
         );

nodeEditor/src/sharedComponents/lineWithFileButtonComponent.tsx

@@ -40,7 +40,7 @@ export class LineWithFileButtonComponent extends React.Component<ILineWithFileBu
             <div className="nonDraggableLine withButton">
                 {this.props.label}
                 <div className="icon" title={this.props.title}>
-                <img src={this.props.iconImage}/>
+                <img className="img" src={this.props.iconImage}/>
                 </div>
                 <div className="buttonLine" title={this.props.title}>
                     <label htmlFor={this.props.uploadName ? this.props.uploadName : "file-upload"} className="file-upload"/>