diff --git a/frontend/src/app/event/widgets/event-detail-card/event-detail-card.widget.css b/frontend/src/app/event/widgets/event-detail-card/event-detail-card.widget.css index 63c64f132..5914598e0 100644 --- a/frontend/src/app/event/widgets/event-detail-card/event-detail-card.widget.css +++ b/frontend/src/app/event/widgets/event-detail-card/event-detail-card.widget.css @@ -2,6 +2,25 @@ padding: 4px 16px; margin: 0; height: 100%; + /* If content overflows card, add a scroll bar! */ + overflow-y: auto; +} + +/* Scroll Bar Styling */ +/* width */ +::-webkit-scrollbar { + width: 5px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #888; + border-radius: 10px; +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #555; } #top-divider { @@ -75,16 +94,19 @@ margin: 0; } -.organizer-chip-list { - display: flex; - flex-direction: row; +.organizer-chips { + margin-bottom: 16px; } .organizer-chip { - margin: 8px 8px 16px 0px; + margin: 8px 8px 0px 0px; } .organizer-email-link { text-decoration: none; color: white; + display: flex; + justify-content: flex-start; + margin: 0; + padding: 0; } diff --git a/frontend/src/app/event/widgets/event-detail-card/event-detail-card.widget.html b/frontend/src/app/event/widgets/event-detail-card/event-detail-card.widget.html index 0b802517b..294d7906c 100644 --- a/frontend/src/app/event/widgets/event-detail-card/event-detail-card.widget.html +++ b/frontend/src/app/event/widgets/event-detail-card/event-detail-card.widget.html @@ -72,27 +72,31 @@
1; else singleOrganizer"> If you have any questions or concerns about this event, please contact one of the organizers below: -
+