From 53d03934cf45df3c6275d0493617e4604c5419fc Mon Sep 17 00:00:00 2001
From: leccelecce <24962424+leccelecce@users.noreply.github.com>
Date: Sun, 23 Mar 2025 21:46:50 +0000
Subject: [PATCH] UI tweaks

---
 web/public/locales/en/views/settings.json          |  2 +-
 web/src/views/settings/FrigatePlusSettingsView.tsx | 13 ++++---------
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/web/public/locales/en/views/settings.json b/web/public/locales/en/views/settings.json
index 6e7db5074..c43baad7c 100644
--- a/web/public/locales/en/views/settings.json
+++ b/web/public/locales/en/views/settings.json
@@ -540,7 +540,6 @@
     },
     "modelInfo": {
       "title": "Model Information",
-      "modelId": "Model ID",
       "modelType": "Model Type",
       "trainDate": "Train Date",
       "baseModel": "Base Model",
@@ -548,6 +547,7 @@
       "cameras": "Cameras",
       "loading": "Loading model information...",
       "error": "Failed to load model information",
+      "availableModels": "Available Models",
       "modelSelect": "Your available models on Frigate+ can be selected here. Note that only models compatible with your current detector configuration are shown."
     },
     "toast": {
diff --git a/web/src/views/settings/FrigatePlusSettingsView.tsx b/web/src/views/settings/FrigatePlusSettingsView.tsx
index 8f228c605..ab113263c 100644
--- a/web/src/views/settings/FrigatePlusSettingsView.tsx
+++ b/web/src/views/settings/FrigatePlusSettingsView.tsx
@@ -269,12 +269,6 @@ export default function FrigatePlusSettingsView({
                             ).toLocaleString()}
                           </p>
                         </div>
-                        <div className="col-span-2 md:col-span-1">
-                          <Label className="text-muted-foreground">
-                            {t("frigatePlus.modelInfo.modelId")}
-                          </Label>
-                          <p>{config.model.plus.id}</p>
-                        </div>
                         <div>
                           <Label className="text-muted-foreground">
                             {t("frigatePlus.modelInfo.baseModel")}
@@ -292,7 +286,7 @@ export default function FrigatePlusSettingsView({
                         <div className="col-span-2">
                           <div className="space-y-2">
                             <div className="text-md">
-                              {t("frigatePlus.modelInfo.modelId")}
+                              {t("frigatePlus.modelInfo.availableModels")}
                             </div>
                             <div className="space-y-3 text-sm text-muted-foreground">
                               <p>
@@ -321,9 +315,10 @@ export default function FrigatePlusSettingsView({
                                     className="cursor-pointer"
                                     value={model.id}
                                   >
-                                    {model.id} (
                                     {new Date(model.trainDate).toLocaleString()}
-                                    )
+                                    <div className="text-muted-foreground">
+                                      {model.id}
+                                    </div>
                                   </SelectItem>
                                 ))}
                               </SelectGroup>