Adjust control dialog UI

qml/ControlCenter.qml

@@ -122,7 +122,7 @@ ControlCenterDialog {
         Item {
             id: topItem
             Layout.fillWidth: true
-            height: 48
+            height: 44
 
             RowLayout {
                 id: topItemLayout
@@ -132,7 +132,7 @@ ControlCenterDialog {
                 Image {
                     id: userIcon
 
-                    property int iconSize: 40
+                    property int iconSize: 36
 
                     Layout.preferredHeight: iconSize
                     Layout.preferredWidth: iconSize
@@ -253,7 +253,7 @@ ControlCenterDialog {
         Item {
             id: brightnessItem
             Layout.fillWidth: true
-            height: 45
+            height: 40
             visible: brightness.enabled
 
             Rectangle {
@@ -302,7 +302,7 @@ ControlCenterDialog {
         Item {
             id: volumeItem
             Layout.fillWidth: true
-            height: 45
+            height: 40
             visible: volume.isValid
 
             Rectangle {

qml/IconButton.qml

@@ -49,14 +49,15 @@ Item {
     Rectangle {
         anchors.fill: parent
         anchors.margins: 1
-        radius: parent.height * 0.2
+        // radius: parent.height * 0.2
+        radius: parent.height / 2
 
         color: {
             if (mouseArea.containsMouse) {
                 if (mouseArea.containsPress)
-                    return (FishUI.Theme.darkMode) ? Qt.rgba(255, 255, 255, 0.3) : Qt.rgba(0, 0, 0, 0.3)
+                    return (FishUI.Theme.darkMode) ? Qt.rgba(255, 255, 255, 0.3) : Qt.rgba(0, 0, 0, 0.2)
                 else
-                    return (FishUI.Theme.darkMode) ? Qt.rgba(255, 255, 255, 0.2) : Qt.rgba(0, 0, 0, 0.2)
+                    return (FishUI.Theme.darkMode) ? Qt.rgba(255, 255, 255, 0.2) : Qt.rgba(0, 0, 0, 0.1)
             }
 
             return "transparent"