|
11 | 11 | </div> |
12 | 12 | </div> |
13 | 13 |
|
14 | | - <div class="column is-12" *ngIf="dataIsAvailable" style="z-index: 0; padding: 1rem;"> |
15 | | - <div> |
16 | | - <i class="fa fa-clock-o info-icon"></i> |
17 | | - <p style="color:white">Beginn: {{singleCourse.KURS_BEGINN_UHRZEIT}}</p> |
18 | | - </div> |
19 | | - <div> |
20 | | - <i class="fa fa-map-marker info-icon"></i> |
21 | | - <p style="color:white">Ort: {{singleCourse.location.ORT_STRASSE}}, {{singleCourse.location.ORT_PLZ}} {{singleCourse.location.ORT_ORTSNAME}}</p> |
22 | | - </div> |
23 | | - <div> |
24 | | - <i class="fa fa-user info-icon"></i> |
25 | | - <p style="color:white">Veranstalter: {{singleCourse.KURS_REFERENT_ID}}</p> |
| 14 | + <section style="padding: 1rem; margin-top: -2rem; padding-top: 1rem; padding-bottom: 0rem;" *ngIf="dataIsAvailable"> |
| 15 | + <div class="card" style="padding:1rem;"> |
| 16 | + <div> |
| 17 | + <i class="fa fa-clock-o info-icon" style="color:black"></i> |
| 18 | + <p>Beginn: {{singleCourse.KURS_BEGINN_UHRZEIT}}</p> |
| 19 | + </div> |
| 20 | + <div> |
| 21 | + <i class="fa fa-map-marker info-icon" style="color:black"></i> |
| 22 | + <p>Ort: {{singleCourse.location.ORT_STRASSE}}, {{singleCourse.location.ORT_PLZ}} |
| 23 | + {{singleCourse.location.ORT_ORTSNAME}}</p> |
| 24 | + </div> |
| 25 | + <div> |
| 26 | + <i class="fa fa-user info-icon" style="color:black"></i> |
| 27 | + <p>Veranstalter: {{singleCourse.KURS_REFERENT_ID}}</p> |
| 28 | + </div> |
26 | 29 | </div> |
27 | | - </div> |
| 30 | + <a class="button is-fullwidth is-primary nav-button" |
| 31 | + [attr.href]="'http://maps.google.com/?q= ' |
| 32 | + + singleCourse.location.ORT_STRASSE + ', ' |
| 33 | + + singleCourse.location.ORT_ORTSNAME + ', ' |
| 34 | + + singleCourse.location.ORT_PLZ"> |
| 35 | + <i class="fa fa-location-arrow" aria-hidden="true"></i> |
| 36 | + </a> |
| 37 | + </section> |
28 | 38 |
|
29 | | - <div class="column is-12" *ngIf="showButton"> |
| 39 | + <div class="column is-12" *ngIf="showButton" style="padding: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem;"> |
30 | 40 | <a #button class="button is-fullwidth is-primary" (click)="apply()" *ngIf="!alreadyApplied">{{button_text}}</a> |
31 | 41 | <a #button class="button is-fullwidth is-danger" (click)="signOff()" *ngIf="alreadyApplied">{{button_text}}</a> |
32 | 42 | </div> |
33 | 43 |
|
34 | 44 | <div class="column" style="margin-top: -2rem;padding: 1rem;"> |
35 | 45 | <alert></alert> |
36 | 46 | </div> |
37 | | - |
| 47 | + |
38 | 48 |
|
39 | 49 | <section style="padding: 1rem; margin-top: -2rem;" *ngIf="dataIsAvailable && moreInfo"> |
40 | 50 | <div class="card" style="padding:1rem;" (click)="moreInfo = false"> |
|
0 commit comments