Let spacer also pickup custom class

Author: Dave Conway-Jones

CHANGELOG.md

@@ -2,6 +2,7 @@
 ### 3.1.8: Maintenance Release
 
  - Use Node-RED CSS vars for ui-bas to help themeing. PR #763
+ - Let spacer also have custom class
 
 ### 3.1.7: Maintenance Release
 

package.json

@@ -88,7 +88,7 @@
         "compression": "^1.7.4",
         "gridstack": "^0.6.4",
         "serve-static": "^1.14.2",
-        "socket.io": "~4.4.1"
+        "socket.io": "^4.4.1"
     },
     "devDependencies": {
         "angular": "~1.8.2",
@@ -130,7 +130,7 @@
         "jshint": "~2.13.3",
         "justgage": "~1.4.3",
         "less": "^3.13.1",
-        "material-design-icons-iconfont": "~6.4.2",
+        "material-design-icons-iconfont": "^6.4.2",
         "moment": "~2.29.1",
         "sprintf-js": "^1.1.2",
         "streamqueue": "~1.1.2",

src/components/ui-component/templates/spacer.html

@@ -1,7 +1,7 @@
-<md-card 
-    ui-card-size="{{ me.item.width }}x{{ me.item.height }}" 
-    layout="{{ me.item.layout }}" 
-    layout-align="{{ me.item.layoutAlign }}" 
-    class="nr-dashboard-spacer" 
-    ng-class="{'nr-dashboard-disabled':me.item.disabled}">
+<md-card
+    ui-card-size="{{ me.item.width }}x{{ me.item.height }}"
+    layout="{{ me.item.layout }}"
+    layout-align="{{ me.item.layoutAlign }}"
+    class="nr-dashboard-spacer"
+    ng-class="[{'nr-dashboard-disabled':me.item.disabled}, me.item.className]">
 </md-card>