Plugin: change remote plugin margin

Change-Id: Id2289e5f22f23f0a1295dc63d00b6e36133e27b7

src/app/constant/JamiTheme.qml

@@ -389,9 +389,10 @@ Item {
     property real pluginHandlersPopupViewDelegateHeight: 50
     property color pluginDefaultBackgroundColor: "#666666"
     property real remotePluginMinimumDelegateWidth: 430
-    property real remotePluginMinimumDelegateHeight: 260
+    property real remotePluginMinimumDelegateHeight: 275
     property real remotePluginMaximumDelegateWidth: 645
-    property real remotePluginMaximumDelegateHeight: 390
+    property real remotePluginMaximumDelegateHeight: 413
+    property real iconMargin: 30 * baseZoom
     property real remotePluginDelegateWidth: remotePluginMinimumDelegateWidth * baseZoom
     property real remotePluginDelegateHeight: remotePluginMinimumDelegateHeight * baseZoom
     property color pluginViewBackgroundColor: darkTheme ? "#000000" : "#F0EFEF"

src/app/settingsview/components/PluginAvailableDelegate.qml

@@ -80,9 +80,9 @@ ItemDelegate {
         background: CachedImage {
             id: background
             defaultImage: JamiResources.default_plugin_background_jpg
-            downloadUrl: PluginAdapter.getBackgroundImageUrl(pluginName)
+            downloadUrl: PluginAdapter.getBackgroundImageUrl(pluginId)
             anchors.fill: parent
-            localPath: root.localPath === undefined ? '' : root.localPath
+            localPath: root.backgroundLocalPath === undefined ? '' : root.backgroundLocalPath
             imageFillMode: Image.PreserveAspectCrop
             LinearGradient {
                 id: gradient
@@ -165,6 +165,8 @@ ItemDelegate {
                 }
                 RowLayout {
                     Layout.alignment: Qt.AlignCenter
+                    Layout.topMargin: JamiTheme.iconMargin
+                    Layout.bottomMargin: JamiTheme.iconMargin
                     CachedImage {
                         id: icon
                         defaultImage: JamiResources.plugins_default_icon_svg