Added possibility of editing app framework anywhere

frontend/src/frameworkStyle.jsx

@@ -5,10 +5,8 @@ const data = [{
 				'text-valign': 'center',
 				'font-family': 'Segoe UI, Tahoma, Geneva, Verdana, sans-serif, sans-serif',
 				'font-weight': 'lighter',
-				'font-size': '12px',
+				'font-size': 'data(font_size)',
 				'text-algin': 'center',
-				'width': '85px',
-				'height': '85px',
 				'border-width': '3px',
 				'border-color': '#8a8a8a',
 				'color': '#f85a3e',
@@ -16,11 +14,13 @@ const data = [{
 				'text-margin-y': 'data(text_margin_y)',
 				'background-color': '#27292d',
 				'background-image': 'data(large_image)',
-				'background-width': 'data(width)',
-				'background-height': 'data(height)',
 				'background-position-x': 'data(margin_x)',
 				'background-position-y': 'data(margin_y)',
 				'background-clip': "node",
+				'background-width': 'data(width)',
+				'background-height': 'data(width)',
+				'width': 'data(boxwidth)',
+				'height': 'data(boxheight)',
 			}
 		},
 		{
@@ -65,10 +65,10 @@ const data = [{
 			selector: `node[?middle_node]`,
 			css: {
 				'background-image': '/images/Shuffle_logo.png',
-				'height': '105px',
-				'width': '105px',
-				'background-width': '105px',
-				'background-height': '105px',
+				'height': 'data(width)',
+				'width': 'data(height)',
+				'background-width': 'data(width)',
+				'background-height': 'data(height)',
 				'background-position-x': '0px',
 				'background-position-y': '0px',
 				'border-width': '2px',