tweak icon alignment

generator/css/cards.css

@@ -153,14 +153,15 @@
 }
 
 .card-inline-icon.align-left {
+    align-self: flex-start;
 }
 
 .card-inline-icon.align-right {
-    margin-right: 0px;
+    align-self: flex-end;
 }
 
 .card-inline-icon.align-center {
-    left: 50%;
+    align-self: center;
 }
 
 .card-property-line {

generator/js/cards.js

@@ -113,15 +113,8 @@ function card_element_inline_icon(params, card_data, options) {
     var icon = params[0] || "";
     var size = params[1] || "40";
     var align = params[2] || "center";
-    var margin_left = 0;
     var color = card_data_color_front(card_data, options);
-    if (align === "center") {
-        margin_left = (size/-2) + 'px';
-    }
-    else if (align === 'right') {
-        margin_left = 'auto';
-    }
-    return '<div class="card-element card-inline-icon align-' + align + ' icon-' + icon + '" style ="height:' + size + 'px; width: ' + size + 'px; margin-left: ' + margin_left + '; background-color: ' + color + '"></div>';
+    return '<div class="card-element card-inline-icon align-' + align + ' icon-' + icon + '" style ="height:' + size + 'px;min-height:' + size + 'px;width: ' + size + 'px;background-color: ' + color + '"></div>';
 }
 
 function card_element_picture(params, card_data, options) {