CSS / Layout cleanup - better autosize

- let things inside box shrink, actual widget can decide minimums
- Slotted inputs take up full width by default
- More consistent sizing/position for invoker

api/js/etemplate/Et2Box/Et2Box.ts

@@ -39,7 +39,7 @@ export class Et2Box extends Et2Widget(LitElement) implements et2_IDetachedDOM
 			}
 			/* CSS for child elements */
             ::slotted(*) {
-            	flex: 1 0 auto;
+            	flex: 1 1 auto;
             }
             ::slotted(img),::slotted(et2-image) {
             	/* Stop images from growing.  In general we want them to stay */

api/js/etemplate/Et2InputWidget/Et2InputWidget.ts

@@ -52,7 +52,12 @@ const Et2InputWidgetMixin = (superclass) =>
 				/* Needed so required can show through */
 				::slotted(input), input {
 					background-color: transparent;
-				}`
+				}
+				/* Used to allow auto-sizing on slotted inputs */
+				.input-group__container > .input-group__input ::slotted(.form-control) {
+					width: 100%;
+				}
+				`
 			];
 		}
 

api/js/etemplate/Et2Url/Et2InvokerMixin.ts

@@ -54,12 +54,13 @@ export const Et2InvokerMixin = dedupeMixin((superclass) =>
 					border: 1px solid var(--input-border-color);
 				}
 				.input-group__suffix{
+					text-align: center;
 				}
 				.input-group__container {
 					align-items: center
 				}
 				::slotted([slot="suffix"]) {
-					width: 12px;
+					width: 14px;
 					border: none !important;
 					background-color: transparent !important;
 				}

api/js/etemplate/Et2Url/Et2Url.ts

@@ -9,7 +9,6 @@
 
 /* eslint-disable import/no-extraneous-dependencies */
 import {Et2InvokerMixin} from "./Et2InvokerMixin";
-import {IsEmail} from "../Validators/IsEmail";
 import {Et2Textbox} from "../Et2Textbox/Et2Textbox";
 import {colorsDefStyles} from "../Styles/colorsDefStyles";
 import {css} from "@lion/core";
@@ -50,7 +49,6 @@ export class Et2Url extends Et2InvokerMixin(Et2Textbox)
 				::slotted([slot="suffix"]) {
 					font-size: 133% !important;
 					position: relative;
-					left: -2px;
 				}
 			`,
 		];

api/js/etemplate/Et2Url/Et2UrlFax.ts

@@ -27,7 +27,6 @@ export class Et2UrlFax extends Et2UrlPhone
 				::slotted([slot="suffix"]) {
 					font-size: 90% !important;
 					position: relative;
-					left: -2px;
 				}
 			`,
 		];