updated all submenu png icons with 23 pixel width versions which are

automatically resized to 16px and thus should be more pixel perfect for
highres displays. In addition, we slightly changed the icon style and
added a README file to better document the actually used icons from
icons8.com. This refs #663.

buildroot-external/overlay/WebUI-raspmatic/www/ise/img/menuicons/README.md

@@ -0,0 +1,30 @@
+The following icons8 icons are used in here:
+
+submenuCreateDiagram:                 https://img.icons8.com/material/24/000000/combo-chart--v4.png
+submenuCreateGroups:                  https://img.icons8.com/material/24/000000/genealogy.png
+submenuDeviceFirmwareInformation:     https://img.icons8.com/material/24/000000/bios.png
+submenuDeviceInbox:                   https://img.icons8.com/material/24/000000/inbox-settings.png
+submenuDevices:                       https://img.icons8.com/material/24/000000/multiple-devices--v1.png
+submenuDiagramListPage:               -> submenuCreateDiagram
+submenuDirectLinks:                   https://img.icons8.com/material/24/000000/link--v1.png
+submenuFavorites:                     https://img.icons8.com/material/24/000000/novel--v1.png
+submenuFunctions:                     https://img.icons8.com/material/24/000000/wrench.png
+submenuPrograms:                      https://img.icons8.com/material/24/000000/source-code--v1.png
+submenuProgramsLinks:                 -> submenuPrograms
+submenuRooms:                         https://img.icons8.com/material/24/000000/room.png
+submenuSysControl:                    https://img.icons8.com/material/24/000000/settings-3--v2.png
+submenuSysProtocol:                   https://img.icons8.com/material/24/000000/log.png
+submenuSysVar:                        https://img.icons8.com/material/24/000000/variable.png
+submenuUserManagement:                https://img.icons8.com/material/24/000000/conference-background-selected.png
+
+Icons8 License:
+--------------
+You are welcome to use icons apps for free for personal or commercial use. In this case, you have to reference us
+somewhere in an appropriate place of your product. In most cases, it is enough to place a web link pointed to our
+website's main page. A better option would be to place a link pointed directly to the icon you decided to use.
+Please note that the free icons can only be downloaded in PNG up to 100x100px. The Popular Icons and Logos are
+free in all formats, including SVG.
+
+Link:
+----
+https://icons8.com

buildroot-external/patches/occu/0061-WebUI-MenuSortedIcons/occu/WebUI/www/webui/webui.js

@@ -17699,7 +17699,7 @@ MainMenu = Singleton.create({
     var cell = document.createElement("div");
     var img = document.createElement("img");
     img.src="../ise/img/menuicons/"+submenuItem.id+".png";
-    img.style.cssText = "vertical-align: middle;"  
+    img.style.cssText = "vertical-align: middle; width: 16px";
     cell.appendChild(img);
     cell.className = "MainMenuSubItem";
     cell.id = submenuItem.id;