#1 ux/ux ticket categories

alfio-event · Apr 4, 2019 · 687fe2d · 687fe2d
1 parent 50a4717
commit 687fe2d
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/src/app/event-display/event-display.component.css b/src/app/event-display/event-display.component.css
@@ -2,4 +2,22 @@
     display: block;
     max-width: 100%;
     height: auto;
+}
+
+.ticket-categories h3 {
+    font-size: 1rem;
+    font-weight: bold;
+}
+
+.ticket-categories .list-group-item {
+    border-left: none;
+    border-right: none;
+}
+
+.ticket-categories .list-group-item:first-child {
+    border-top: none;
+}
+
+.ticket-categories .list-group-item:last-child {
+    border-bottom: none;
 }
diff --git a/src/app/event-display/event-display.component.html b/src/app/event-display/event-display.component.html
@@ -37,11 +37,11 @@ <h2 translate="show-event.tickets"></h2>
     <div *ngIf="ticketCategories">
         <form [formGroup]="reservationForm" (submit)="submitForm(event.shortName, reservationForm.value)">
           <div>
-              <ul class="list-group">
+              <ul class="list-group ticket-categories">
                 <li *ngFor="let category of ticketCategories.categories;let counter = index" formArrayName="reservation" class="list-group-item">
                     <div [formGroupName]="counter" class="row">
                         <div class="col-sm-7">
-                          <label>{{category.name}}</label>
+                          <h3>{{category.name}}</h3>
                           <div translate="show-event.sales-end"></div>
                           <div [innerHtml]="category.description[translate.currentLang]"></div>
                         </div>