From 0987fd34b96ad7e0f74ad438473669058b87aa6b Mon Sep 17 00:00:00 2001
From: Wolfsblvt <wolfsblvt@gmail.com>
Date: Wed, 10 Jul 2024 17:59:44 +0200
Subject: [PATCH] Add info and explanation to asset list area

---
 public/scripts/extensions/assets/style.css   |  6 ++++-
 public/scripts/extensions/assets/window.html | 24 ++++++++++++++++----
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/public/scripts/extensions/assets/style.css b/public/scripts/extensions/assets/style.css
index 8197477ae..83e82d02f 100644
--- a/public/scripts/extensions/assets/style.css
+++ b/public/scripts/extensions/assets/style.css
@@ -7,10 +7,14 @@
     margin-left: 5px;
 }
 
+.assets-url-block {
+    display: flex;
+    flex-direction: column;
+}
+
 .assets-connect-div {
     display: flex;
     flex-direction: row;
-    padding: 5px;
 }
 
 .assets-list-git {
diff --git a/public/scripts/extensions/assets/window.html b/public/scripts/extensions/assets/window.html
index 90226d00f..1777fcc06 100644
--- a/public/scripts/extensions/assets/window.html
+++ b/public/scripts/extensions/assets/window.html
@@ -5,10 +5,26 @@
             <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
         </div>
         <div class="inline-drawer-content">
-            <label for="assets-json-url-field" data-i18n="Assets URL">Assets URL</label>
-            <div class="assets-connect-div">
-                <input id="assets-json-url-field" class="text_pole widthUnset flex1">
-                <i id="assets-connect-button" class="menu_button fa-solid fa-plug-circle-exclamation fa-xl redOverlayGlow"></i>
+            <div>
+                <small data-i18n="To install 3rd party extensions, load a custom asset list or select &quot;Install&nbsp;Extension&quot;">
+                    To install 3rd party extensions, load a custom asset list or select "Install&nbsp;Extension"
+                </small>
+            </div>
+            <div class="assets-url-block m-b-1 m-t-1">
+                <label for="assets-json-url-field" data-i18n="Assets URL">Assets URL</label>
+                <small title="Load a list of extensions & assets based on an asset list file.
+
+The default Asset URL in this field points to the list of offical first party extensions and assets.
+If you have a custom asset list, you can insert it here.
+
+To install a single 3rd party extension, use the &quot;Install Extensions&quot; button on the top right.">
+                    <span>Load an asset list</span>
+                    <div class="fa-solid fa-circle-info opacity50p"></div>
+                </small>
+                <div class="assets-connect-div">
+                    <input id="assets-json-url-field" class="text_pole widthUnset flex1">
+                    <i id="assets-connect-button" class="menu_button fa-solid fa-plug-circle-exclamation fa-xl redOverlayGlow" title="Load Asset List" data-i18n="[title]Load Asset List"></i>
+                </div>
             </div>
             <div id="assets_filters" class="flex-container">
                 <select id="assets_type_select" class="text_pole flex1">