[New] Allow to style paper-icon-button

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "strolch-wc-dialog-button",
   "description": "Strolch WebComponent Dialog Button",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "authors": [
     "Robert von Burg"
   ],

strolch-wc-dialog-button.html

@@ -12,6 +12,13 @@
         <style is="custom-style">
             :host {
                 pointer-events: all !important;
+                --max-dialog-width: 600px;
+                --icon: {
+                };
+            }
+
+            paper-icon-button {
+                @apply(--icon);
             }
 
             .title {
@@ -21,6 +28,7 @@
             .aligned-dialog {
                 margin: 0;
                 min-width: 300px;
+                max-width: var(--max-dialog-width);
             }
 
             .dialog-headline {
@@ -29,6 +37,19 @@
                 @apply(--layout-horizontal);
                 @apply(--layout-center);
             }
+
+            p {
+                text-align: start;
+            }
+
+            a {
+                display: block;
+                text-decoration: none;
+                width: fit-content;
+                margin: 0 0 0 24px;
+                padding: 0;
+            }
+
         </style>
 
         <!-- Content -->