Issue/175 fix system view bug

src/app/adf-services/df-service-details/df-paywall-modal.html

@@ -1,3 +1,4 @@
+<!-- eslint-disable prettier/prettier -->
 <div class="app-container" style="padding: 12px 20px">
   <h1 mat-dialog-title style="text-align: center">Unlock Service</h1>
   <mat-dialog-content>
@@ -12,8 +13,7 @@ <h4>{{ 'paywall.hostedTrial' | transloco }}</h4>
         <div class="dynamic-width">
           <h4>{{ 'paywall.ossVersion' | transloco }}</h4>
           <p>
-            {{ 'paywall.signup' | transloco
-            }}<a
+            {{ 'paywall.signup' | transloco }}<a
               href="https://genie.dreamfactory.com/?utm_source=platform&utm_medium=paywall&utm_campaign=hosted"
               target="_blank"
               >{{ 'paywall.trial' | transloco }}</a

src/app/adf-services/df-service-details/df-service-details.component.ts

@@ -132,7 +132,7 @@ export class DfServiceDetailsComponent implements OnInit {
         )
       )
       .subscribe(({ env, route }) => {
-        if (route['groups'][0] === 'Database') {
+        if (route['groups'] && route['groups'][0] === 'Database') {
           this.isDatabase = true;
         }
         const { data, serviceTypes, groups } = route;

src/app/shared/components/df-side-nav/df-side-nav.component.html

@@ -162,4 +162,4 @@ <h1 class="page-header">
       </mat-expansion-panel>
     </ng-template>
   </ng-container>
-</ng-template>
+</ng-template>

src/styles.scss

@@ -102,6 +102,7 @@ mat-form-field {
   flex-wrap: wrap;
   gap: 16px;
   width: 100%;
+  padding-top: 6px;
   & .full-width {
     width: 100%;
   }