OZG-297 styling anhänge in form

goofy-client/libs/ozg-file/src/lib/ozg-file-container/ozg-file/ozg-file.component.html

-<div class="container">
+<div class="container" [ngClass]="{ 'deletable': deletable}">
 	<button
 			[matTooltip]="file.name"
 			matTooltipClass="word-break"

goofy-client/libs/ozg-file/src/lib/ozg-file-container/ozg-file/ozg-file.component.scss

@@ -4,6 +4,7 @@
 	justify-content: flex-start;
 	position: relative;
 	padding: 4px;
+	font-size: 14px;
 }
 
 .container {
@@ -17,6 +18,7 @@
 	background-color: transparent;
 	padding: 0 8px 0 2px;
 	border-radius: 14px;
+	line-height: 26px;
 	white-space: nowrap;
 	display: flex;
 	align-items: center;
@@ -49,6 +51,8 @@
 	opacity: 0.40;
 	padding: 0 4px;
 	transform: scale(0.9);
+	display: flex;
+	align-items: center;
 }
 
 .name {
@@ -90,3 +94,21 @@ goofy-client-icon-button-with-spinner {
 	display: block;
 	margin: -12px 0;
 }
+
+.deletable {
+	.container {
+		border-radius: 16px;
+	}
+
+	.file {
+		width: calc(100% - 40px);
+		padding: 0 0 0 2px;
+		line-height: 32px;
+	}
+
+	.mat-icon {
+		width: 32px;
+		padding: 6px;
+	}
+}
+