Panel for plans page.

src/Squidex/app/features/settings/pages/plans/plans-page.component.html

@@ -1,27 +1,20 @@
 <sqx-title message="{app} | Plans | Settings" parameter1="app" [value1]="appsState.appName"></sqx-title>
 
 <sqx-panel desiredWidth="61rem">
-    <div class="panel-header">
+    <ng-container title>
-        <div class="panel-title-row">
+        Update Plan
-            <div class="float-right">
+    </ng-container>
+
+    <ng-container menu>
         <button class="btn btn-link btn-secondary" (click)="load(true)" title="Refresh Plans (CTRL + SHIFT + R)">
             <i class="icon-reset"></i> Refresh
         </button>
 
         <sqx-shortcut keys="ctrl+shift+r" (trigger)="load(true)"></sqx-shortcut>
-            </div>
+    </ng-container>
 
-            <h3 class="panel-title">Update Plan</h3>
+    <ng-container content>
-        </div>
+        <ng-container *ngIf="plans">
-
-        <a class="panel-close" sqxParentLink>
-            <i class="icon-close"></i>
-        </a>
-    </div>
-
-    <div class="panel-main">
-        <div class="panel-content">
-            <div *ngIf="plans">
             <div class="panel-alert panel-alert-danger" *ngIf="!planOwned">
                 You have not created the subscription. Therefore you cannot change the plan.
             </div>
@@ -80,7 +73,6 @@
             <div *ngIf="plans.hasPortal" class="billing-portal-link">
                 Go to <a target="_blank" href="{{portalUrl}}">Billing Portal</a> for payment history and subscription overview.
             </div>
-            </div>
+        </ng-container>
-        </div>
+    </ng-container>
-    </div>
 </sqx-panel>