diff --git a/apps/web/src/app/workspaces/components/capability-request/capability-request.component.html b/apps/web/src/app/workspaces/components/capability-request/capability-request.component.html index 64bce7fcf298d66a7287ac3726ca6e4d9216229e..71c227ef8d22290d4b1c3e14f8a641487695b75e 100644 --- a/apps/web/src/app/workspaces/components/capability-request/capability-request.component.html +++ b/apps/web/src/app/workspaces/components/capability-request/capability-request.component.html @@ -5,7 +5,10 @@ <div id="definition-parameters-and-versions" class="container-fluid"> <div class="row"> <div id="capability-definition-container" class="col-5"> - <span id="capability-label">Capability</span> + <span id="capability-label" + >Capability: + <strong class="pl-1">{{ capabilityRequest.capability_name.toUpperCase() }}</strong></span + > <app-capability-definition *ngIf="capability !== undefined" id="capability-definition" diff --git a/apps/web/src/app/workspaces/components/capability-request/components/capability-definition/capability-definition.component.html b/apps/web/src/app/workspaces/components/capability-request/components/capability-definition/capability-definition.component.html index 23db6c981396cd1d948d39889bd918957382895f..f985ce5473f2764299aa962cba05e4231f121906 100644 --- a/apps/web/src/app/workspaces/components/capability-request/components/capability-definition/capability-definition.component.html +++ b/apps/web/src/app/workspaces/components/capability-request/components/capability-definition/capability-definition.component.html @@ -1,12 +1,17 @@ -<div id="definition-container"> - <h5 id="capability-name"><strong>{{ capability.name.toUpperCase() }}</strong></h5> +<div id="definition-container" class="container-fluid rounded-top rounded-3 py-2"> + <!-- <h5 id="capability-name"><strong>{{ capability.name.toUpperCase() }}</strong></h5>--> - <div id="step-sequence" class="container-fluid"> + <div id="step-sequence"> <div - class="capability-step row rounded rounded-lg mb-1 py-2 align-items-center" + class="capability-step row rounded rounded-lg my-2 mx-1 py-2 align-items-center" *ngFor="let step of capabilityStepList" > - <span class="col text-left px-3">{{ step[0].toUpperCase() }} <strong *ngIf="step[1] !== undefined">{{ step[1].toUpperCase() }}</strong></span> + <span class="col text-left px-3" + >{{ step[0].toUpperCase() }} + <strong class="pl-2" *ngIf="step[1] !== undefined">{{ + step[1].toUpperCase() + }}</strong></span + > </div> </div> </div> diff --git a/apps/web/src/app/workspaces/components/capability-request/components/capability-definition/capability-definition.component.scss b/apps/web/src/app/workspaces/components/capability-request/components/capability-definition/capability-definition.component.scss index 690233c44cd3da065eb9f19abf4809a44e206bfb..31f4c1adedee96e54e7ea7c3f3515216455c1ad5 100644 --- a/apps/web/src/app/workspaces/components/capability-request/components/capability-definition/capability-definition.component.scss +++ b/apps/web/src/app/workspaces/components/capability-request/components/capability-definition/capability-definition.component.scss @@ -6,8 +6,6 @@ #definition-container { background-color: white; - border-radius: 10px; - border-top: 4px $container-shadow-color solid; - padding: 0.25rem 0.5rem; + //padding: 0.25rem 0.5rem; }