initial commit for media widget update + anim tokens restructure

Modules/Settings/Common/WallpaperCropper.qml

@@ -100,7 +100,7 @@ Item {
 	}
 
 	IconButton {
-		anchors.margins: Tokens.padding.normal
+		anchors.margins: Tokens.padding.small
 		anchors.right: parent.right
 		anchors.top: parent.top
 		icon: "check"
@@ -127,7 +127,7 @@ Item {
 		id: screenSelector
 
 		anchors.bottom: scaledImg.top
-		anchors.bottomMargin: Tokens.spacing.normal
+		anchors.bottomMargin: Tokens.spacing.medium
 		anchors.left: parent.left
 		anchors.leftMargin: Tokens.padding.extraLarge * 2
 		anchors.right: parent.right
@@ -167,11 +167,11 @@ Item {
 			id: zoomSlider
 
 			Layout.fillWidth: true
-			Layout.leftMargin: Tokens.padding.normal
-			Layout.preferredHeight: Tokens.padding.larger * 3
-			Layout.rightMargin: Tokens.padding.normal
+			Layout.leftMargin: Tokens.padding.small
+			Layout.preferredHeight: Tokens.padding.medium * 3
+			Layout.rightMargin: Tokens.padding.small
 			from: 1.0
-			implicitHeight: Tokens.padding.larger * 3
+			implicitHeight: Tokens.padding.small * 3
 			insetIcon: "crop"
 			to: 5.0
 			value: cropRectLoader.item ? cropRectLoader.item.zoom : 1.0
@@ -190,11 +190,11 @@ Item {
 		property real monitorScale: 1.0
 
 		anchors.bottom: sliderLayout.top
-		anchors.bottomMargin: Tokens.spacing.normal
+		anchors.bottomMargin: Tokens.spacing.medium
 		anchors.left: parent.left
 		anchors.right: parent.right
 		anchors.top: parent.top
-		anchors.topMargin: wrapper.buttonRowHeight + Tokens.spacing.normal
+		anchors.topMargin: wrapper.buttonRowHeight + Tokens.spacing.medium
 		// anchors.top: screenSelector.bottom
 		asynchronous: true
 		fillMode: Image.PreserveAspectFit