diff --git a/src/app/core/service-detail/service-detail.component.html b/src/app/core/service-detail/service-detail.component.html index 85058a85c8388ff531c143a445a94d380fd161a1..2d442d2cd713654a7fd24a8f320850d4b3a3561f 100644 --- a/src/app/core/service-detail/service-detail.component.html +++ b/src/app/core/service-detail/service-detail.component.html @@ -56,33 +56,18 @@ </form> </div> </div> - <div class="container"> - <div class="row mb-3"> - <div class="col-sm-2 col-lg-1"> - <b>Név:</b> - </div> - <div class="w-30"></div> - <div class="col-sm-10 col-lg-11"> - {{service.name}} - </div> - </div> - <div class="row mb-3"> - <div class="col-sm-2 col-lg-1"> - <b>Leírás:</b> - </div> - <div class="col-sm-10 col-lg-11"> - {{service.description}} - </div> - </div> - <div class="row"> - <div class="col-sm-2 col-lg-1"> - <b>Státusz:</b> - </div> - <div class="col-sm-10 col-lg-11"> - <fa-icon *ngIf='service.isOkay' [icon]='faCheckCircle' class='check-icon'></fa-icon> - <fa-icon *ngIf='!service.isOkay' [icon]='faTimesCircle' class='times-icon'></fa-icon> - </div> - </div> + <div class="d-flex flex-sm-row flex-column pb-3"> + <b>Név: </b> + {{service.name}} + </div> + <div class="d-flex flex-sm-row flex-column pb-3"> + <b>Leírás: </b> + {{service.description}} + </div> + <div class="d-flex flex-sm-row flex-column"> + <b>Státusz: </b> + <fa-icon *ngIf='service.isOkay' [icon]='faCheckCircle' class='check-icon'></fa-icon> + <fa-icon *ngIf='!service.isOkay' [icon]='faTimesCircle' class='times-icon'></fa-icon> </div> </div> <app-loader *ngIf='isLoading'></app-loader>