Update from master

generator/css/cards.css

@@ -1,12 +1,16 @@
 .card {
     border: 2mm solid;
-    border-radius: 4px;
     box-sizing: border-box;
     position: relative;
     display: flex;
     flex-direction: column;
     font-family: 'Noto Sans', 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
     font-size: 8pt;
+    overflow: hidden;
+}
+
+.card.rounded-corners {
+    border-radius: 4px;
 }
 
 .card-content-container {
@@ -140,6 +144,26 @@
     line-height: 18px;
     margin-bottom: 0.0em;
 }
+.card-inline-icon {
+    background-size: auto 80%;
+    background-repeat: no-repeat;
+    background-position: center center;
+    position: relative;
+    border-radius: 2mm;
+}
+
+.card-inline-icon.align-left {
+    align-self: flex-start;
+}
+
+.card-inline-icon.align-right {
+    align-self: flex-end;
+}
+
+.card-inline-icon.align-center {
+    align-self: center;
+}
+
 .card-property-line {
     text-indent: -1em;
     margin-left: 1em;

generator/generate.html

@@ -129,6 +129,16 @@
                             </select>
                         </div>
                     </div>
+                    <div class="form-group">
+                        <label for="rounded-corners" class="col-sm-4 control-label">Corners</label>
+                        <div class="col-sm-8">
+                            <div class="checkbox">
+                                <label>
+                                    <input type="checkbox" checked id="rounded-corners" data-option="rounded_corners" value="1"> Rounded card corners
+                                </label>
+                            </div>
+                        </div>
+                    </div>
                     <div class="form-group">
                         <label for="foreground-color" class="col-sm-4 control-label">Front color</label>
                         <div class="col-sm-8">