From 79baa978c197c2e05f5cc033a4f49dc8baee85dc Mon Sep 17 00:00:00 2001
From: Robin Davies <rerdavies@gmail.com>
Date: Fri, 18 Mar 2022 23:22:05 -0400
Subject: [PATCH] Favorites icon inline in Load dialog.

---
 react/public/var/config.json   |  2 +-
 react/src/LoadPluginDialog.tsx | 12 ++++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/react/public/var/config.json b/react/public/var/config.json
index 0e07f34..2d62624 100644
--- a/react/public/var/config.json
+++ b/react/public/var/config.json
@@ -1,5 +1,5 @@
 {
-   "socket_server_port": 8080,
+   "socket_server_port": 80,
    "socket_server_address": "*",
    "debug": true,
     "max_upload_size": 1048576,
diff --git a/react/src/LoadPluginDialog.tsx b/react/src/LoadPluginDialog.tsx
index d4730f1..5c23f09 100644
--- a/react/src/LoadPluginDialog.tsx
+++ b/react/src/LoadPluginDialog.tsx
@@ -503,16 +503,24 @@ export const LoadPluginDialog =
                                     <PluginIcon pluginType={value.plugin_type} pluginUri={value.uri} size={24} />
                                 </div>
                                 <div className={classes.content2}>
-                                    <Typography color="textPrimary" noWrap className={classes.label} >
+                                    <div className={classes.label} >
+                                    <Typography color="textPrimary" noWrap sx={{display: "inline"}} >
                                         {value.name}
+                                        {
+                                        isFavorite && (
+                                            <StarBorderIcon sx={{ color: "#C80", fontSize:16 }} />
+
+                                        )
+                                    }
                                     </Typography>
+                                    </div>
                                     <Typography color="textSecondary" noWrap>
                                         {value.plugin_display_type} {this.stereo_indicator(value)}
 
                                     </Typography>
                                 </div>
                                 <div className={classes.favoriteDecoration}>
-                                    <StarBorderIcon sx={{ color: "#C80", opacity: isFavorite ? 1 : 0 }} />
+
                                 </div>
                             </div>
                         </ButtonBase>