Fix vertical align of icons in ui-list

to close node-red#67
wipfl · Jun 2, 2021 · 3fffb30 · 3fffb30
1 parent dd0e207
commit 3fffb30
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/node-red-node-ui-list/package.json b/node-red-node-ui-list/package.json
@@ -1,6 +1,6 @@
 {
     "name": "node-red-node-ui-list",
-    "version": "0.3.4",
+    "version": "0.3.5",
     "description": "Node-RED Dashboard UI widget node for simple list",
     "author": "Hiroyasu Nishiyama",
     "contributors": [

diff --git a/node-red-node-ui-list/ui_list.js b/node-red-node-ui-list/ui_list.js
@@ -57,7 +57,7 @@ module.exports = function(RED) {
         var desc = (allowHTML ? String.raw`<span ng-bind-html="item.description | trusted"></span>` : String.raw`{{item.description}}`);
         var icon = String.raw`
         <img src="{{item.icon}}" class="md-avatar" ng-if="(item.icon !== undefined) && (item.icon !== null)">
-        <md-icon aria-label="{{item.desc}}" style="height:unset; margin-top:0px; margin-bottom:0px; color:`+config.tcol+String.raw`" ng-if="(item.icon === undefined) && (item.icon_name !== undefined)"><ui-icon icon="{{item.icon_name}}"></ui-icon></md-icon>
+        <md-icon aria-label="{{item.desc}}" style="height:unset; margin-top:auto; color:`+config.tcol+String.raw`" ng-if="(item.icon === undefined) && (item.icon_name !== undefined)"><ui-icon icon="{{item.icon_name}}"></ui-icon></md-icon>
         <span class="md-avatar" style="font-size:x-large; height:unset;" ng-if="(item.icon === undefined) && (item.icon_unicode !== undefined)"><h1>{{item.icon_unicode}}</h1></span>
         <md-icon class="md-avatar-icon" aria-label="{{item.desc}}" ng-if="(item.icon === null) && (item.icon_name === undefined) && (item.icon_unicode === undefined)"></md-icon>
 `;