Changed the installed button to be a secondary button

CURA-6006

plugins/Toolbox/resources/qml/ToolboxDetailTileActions.qml

@@ -16,11 +16,14 @@ Column
     width: UM.Theme.getSize("toolbox_action_button").width
     spacing: UM.Theme.getSize("narrow_margin").height
 
+    Item
+    {
+        width: installButton.width
+        height: installButton.height
         ToolboxProgressButton
         {
             id: installButton
             active: toolbox.isDownloading && toolbox.activePackage == model
-        complete: installed
             onReadyAction:
             {
                 toolbox.activePackage = model
@@ -28,12 +31,21 @@ Column
             }
             onActiveAction: toolbox.cancelDownload()
 
-        onCompleteAction: toolbox.viewCategory = "installed"
-
             // Don't allow installing while another download is running
             enabled: installed || (!(toolbox.isDownloading && toolbox.activePackage != model) && !loginRequired)
             opacity: enabled ? 1.0 : 0.5
-        visible: !updateButton.visible // Don't show when the update button is visible
+            visible: !updateButton.visible && !installed// Don't show when the update button is visible
+        }
+
+        Cura.SecondaryButton
+        {
+            visible: installed
+            onClicked: toolbox.viewCategory = "installed"
+            text: catalog.i18nc("@action:button", "Installed")
+            fixedWidthMode: true
+            width: installButton.width
+            height: installButton.height
+        }
     }
 
     Label

plugins/Toolbox/resources/qml/ToolboxProgressButton.qml

@@ -7,6 +7,7 @@ import QtQuick.Controls.Styles 1.4
 import UM 1.1 as UM
 import Cura 1.0 as Cura
 
+// TODO; This is in quite some need for refactoring.
 Item
 {
     id: base