<div class="project-configuration row">
    <div class="col">

        <div class="row">
            <div class="col-lg-3 sidebar">
                <type-picker *ngIf="typesTreeList" [typesTreeList]="typesTreeList"
                    allowPickingAbstractTypes="true" (onTypePicked)="selectType($event)"></type-picker>
            </div>
            <div class="col content">
                <h1>{{ selectedType.label }} <small class="text-muted">{{ selectedType.name }}</small></h1>
                
                <div *ngFor="let field of selectedType.fields" class="card">
                    <h5 class="card-header">{{ field.label }} <small class="text-muted">{{ field.name }}</small></h5>
                    <div class="card-body">
                        <p class="card-text">{{ field.description }}</p>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">
                                <b i18n="@@configuration.field.group">Gruppe</b>:
                                {{ field.group }}
                            </li>
                            <li class="list-group-item">
                                <b i18n="@@configuration.field.inputType">Eingabetyp</b>:
                                {{ field.inputType }}
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>

    </div>
</div>
<div class="project-configuration row">
    <div class="col">

        <div class="row">
            <div class="col-lg-3 sidebar">
                <type-picker *ngIf="typesTreeList" [typesTreeList]="typesTreeList"
                    allowPickingAbstractTypes="true" (onTypePicked)="selectType($event)"></type-picker>
            </div>
            <div class="col content">
                <h5>{{ selectedType.label }} <code>{{ selectedType.name }}</code></h5>
                
                <div *ngFor="let field of selectedType.fields" class="card">
                    <div class="card-header"><b>{{ field.label }}</b> <code> {{ field.name }}</code></div>
                    <div class="card-body">
                        <p class="card-text">{{ field.description }}</p>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">
                                <b i18n="@@configuration.field.group">Gruppe</b>:
                                {{ field.group }}
                            </li>
                            <li class="list-group-item">
                                <b i18n="@@configuration.field.inputType">Eingabetyp</b>:
                                {{ field.inputType }}
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>

    </div>
</div>
Adjust heading styling in project conf component
Adjust heading styling in project conf component
