From faa04f1dbee9063cd80770d791fe407670ac97e2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rem=C3=A9nyi=20Gergely?= <remeger@sch.bme.hu>
Date: Sat, 3 Jul 2021 17:00:25 +0200
Subject: [PATCH] KST-23: make service details container responsivity more
robust
---
.../service-detail.component.html | 39 ++++++-------------
1 file changed, 12 insertions(+), 27 deletions(-)
diff --git a/src/app/core/service-detail/service-detail.component.html b/src/app/core/service-detail/service-detail.component.html
index 85058a8..2d442d2 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>
--
GitLab