improve the styles and fix some errors

frontend/src/app/features/enterprise/free-trial-button/free-trial-button.component.html

@@ -1,3 +1,3 @@
-<button class="button -alt-highlight" (click)="openTrialModal()">
+<button class="button -alt-highlight -round" (click)="openTrialModal()">
   {{ text.button_trial }}
-</button>
+</button>

frontend/src/app/features/enterprise/free-trial-button/free-trial-button.component.sass

@@ -1,2 +0,0 @@
-.button 
-    float: left

frontend/src/app/features/enterprise/free-trial-button/free-trial-button.component.ts

@@ -42,10 +42,9 @@ export const freeTrialButtonSelector = 'free-trial-button';
 @Component({
   selector: freeTrialButtonSelector,
   templateUrl: './free-trial-button.component.html',
-  styleUrls: ['./free-trial-button.component.sass'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class FreeTrialButtonComponent implements OnInit {
+export class FreeTrialButtonComponent {
   public text = {
     button_trial: this.I18n.t('js.admin.enterprise.upsale.button_start_trial'),
   };
@@ -55,16 +54,13 @@ export class FreeTrialButtonComponent implements OnInit {
     readonly injector:Injector,
     public eeTrialService:EnterpriseTrialService) {
   }
-
-  ngOnInit() {
-    console.warn('HELLO');
-  }
-
-  public openTrialModal() {
+  public openTrialModal():void {
     // cancel request and open first modal window
     this.eeTrialService.cancelled = true;
     this.eeTrialService.modalOpen = true;
     this.opModalService.show(EnterpriseTrialModalComponent, this.injector);
   }
-
+  public get noTrialRequested() {
+    return this.eeTrialService.status === undefined;
+  }
 }

frontend/src/app/features/enterprise/openproject-enterprise.module.ts

@@ -49,7 +49,7 @@ import { FreeTrialButtonComponent } from 'core-app/features/enterprise/free-tria
   providers: [
     EnterpriseTrialService,
   ],
-  exports:[
+  exports: [
     FreeTrialButtonComponent,
   ],
   declarations: [