diff options
| -rwxr-xr-x | public/css/style.css | 12 | ||||
| -rwxr-xr-x | views/event.handlebars | 4 |
2 files changed, 5 insertions, 11 deletions
diff --git a/public/css/style.css b/public/css/style.css index 122c6ad..18f9b73 100755 --- a/public/css/style.css +++ b/public/css/style.css @@ -132,21 +132,15 @@ body, html { } .attendeesList > li { - height: 80px; - width: 80px; border: 4px solid #0ea130; - border-radius: 50%; + border-radius: 2em; + padding: .5em 1em; margin-right: 5px; - margin-bottom: 5px; + margin-bottom: 10px; background: #57b76d; color: white; font-size: 0.95em; font-weight: bold; - overflow: hidden; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; } .expand { diff --git a/views/event.handlebars b/views/event.handlebars index a4d714d..d4637f4 100755 --- a/views/event.handlebars +++ b/views/event.handlebars @@ -119,7 +119,7 @@ {{#if eventAttendees}} <ul class="attendeesList"> {{#each eventAttendees}} - <li{{#if ../editingEnabled}} data-attendee-name="{{this.name}}" data-attendee-id="{{this._id}}"{{/if}}><span class="attendee-name">{{this.name}}</span>{{#if ../editingEnabled}}<a href="#" class="remove-attendee" data-toggle="modal" data-target="#removeAttendeeModal"><i class="fas fa-user-times"></i></a>{{/if}}</li> + <li{{#if ../editingEnabled}} data-attendee-name="{{this.name}}" data-attendee-id="{{this._id}}"{{/if}}><span class="attendee-name">{{this.name}}</span>{{#if ../editingEnabled}} <a href="#" class="remove-attendee" data-toggle="modal" data-target="#removeAttendeeModal" title="Remove user from event"><i class="fas fa-user-times"></i></a>{{/if}}</li> {{/each}} </ul> {{else}} @@ -142,7 +142,7 @@ <div class="form-group row"> <label for="attendeeName" class="col-sm-2 col-form-label">Your name</label> <div class="form-group col-sm-10"> - <input type="text" class="form-control" id="attendeeName" name="attendeeName" placeholder="Or an alias, perhaps..." data-validation="required length" data-validation-length="3-16"> + <input type="text" class="form-control" id="attendeeName" name="attendeeName" placeholder="Or an alias, perhaps..." data-validation="required length" data-validation-length="3-30"> </div> </div> <div class="form-group row"> |