add a sass file for component styles

frontend/src/app/components/enterprise/enterprise-modal/enterprise-trial-form/ee-trial-form.component.html

@@ -43,7 +43,7 @@
                formControlName="email" (blur)="checkMailField()">
       </div>
     </div>
-    <div *ngIf="eeTrialService.emailError" class="form--field-instructions">{{ eeTrialService.errorMsg }}</div>
+    <div *ngIf="eeTrialService.emailError" class="form--field-instructions ee-trial-email-error">{{ eeTrialService.errorMsg }}</div>
   </div>
   <div class="form--field -wide-label -required">
     <label class="form--label" for="trial-domain-name">{{ text.label_domain }}</label>

frontend/src/app/components/enterprise/enterprise-modal/enterprise-trial-form/ee-trial-form.component.sass

@@ -0,0 +1,2 @@
+.ee-trial-email-error
+    width: min-content

frontend/src/app/components/enterprise/enterprise-modal/enterprise-trial-form/ee-trial-form.component.ts

@@ -37,7 +37,8 @@ const newsletterURL = 'https://www.openproject.com/newsletter/';
 
 @Component({
   selector: 'enterprise-trial-form',
-  templateUrl: './ee-trial-form.component.html'
+  templateUrl: './ee-trial-form.component.html',
+  styleUrls: ['./ee-trial-form.component.sass']
 })
 export class EETrialFormComponent {
   // Retain used values

frontend/src/global_styles/content/_forms.sass

@@ -472,7 +472,7 @@ fieldset.form--fieldset
 .form--field-instructions
   @extend %form--field-after-container
   font-style: italic
-  width: min-content
+  max-width: 500px
   // improve readability
 
   &.-no-margin