Adjusting height and flex alignment on attendee list filters (#269)

Signed-off-by: Tomás Castillo <[email protected]>
OpenStackweb · Aug 29, 2023 · 7bb6e1b · 7bb6e1b
1 parent 7aa167b
commit 7bb6e1b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/pages/attendees/summit-attendees-list-page.js b/src/pages/attendees/summit-attendees-list-page.js
@@ -536,7 +536,7 @@ class SummitAttendeeListPage extends React.Component {
                         </div>
                     }
                     {enabledFilters.includes('ticketTypeFilter') && 
-                        <div className="col-md-6" style={{ height: "61px", paddingTop: "8px" }}>
+                        <div className="col-md-6" style={{ minHeight: "61px", paddingTop: "8px" }}>
                             <Dropdown
                                 id="ticketTypeFilter"
                                 value={attendeeFilters.ticketTypeFilter}
@@ -549,7 +549,7 @@ class SummitAttendeeListPage extends React.Component {
                         </div>
                     }
                     {enabledFilters.includes('badgeTypeFilter') && 
-                        <div className="col-md-6" style={{ height: "61px", paddingTop: "8px" }}>
+                        <div className="col-md-6" style={{ minHeight: "61px", paddingTop: "8px" }}>
                             <Dropdown
                                 id="badgeTypeFilter"
                                 value={attendeeFilters.badgeTypeFilter}
@@ -562,7 +562,7 @@ class SummitAttendeeListPage extends React.Component {
                         </div>
                     }
                     {enabledFilters.includes('featuresFilter') && 
-                        <div className="col-md-6" style={{ height: "61px", paddingTop: "8px" }}>
+                        <div className="col-md-6" style={{ minHeight: "61px", paddingTop: "8px" }}>
                             <Dropdown
                                 id="featuresFilter"
                                 value={attendeeFilters.featuresFilter}
@@ -576,7 +576,7 @@ class SummitAttendeeListPage extends React.Component {
                     }
                     {enabledFilters.includes('checkinDateFilter') &&
                         <>
-                            <div className={'col-md-3'} style={{ height: "61px", paddingTop: "8px" }}>
+                            <div className={'col-md-3'} style={{ minHeight: "61px", paddingTop: "8px" }}>
                                 <DateTimePicker
                                     id="checkin_date_from_filter"
                                     format={{date:"YYYY-MM-DD", time: "HH:mm"}}                                    
@@ -587,7 +587,7 @@ class SummitAttendeeListPage extends React.Component {
                                     className={'event-list-date-picker'}
                                 />
                             </div>                    
-                            <div className={'col-md-3'} style={{ height: "61px", paddingTop: "8px" }}>
+                            <div className={'col-md-3'} style={{ minHeight: "61px", paddingTop: "8px" }}>
                                 <DateTimePicker
                                     id="checkin_date_to_filter"
                                     format={{date:"YYYY-MM-DD", time: "HH:mm"}}

diff --git a/src/styles/summit-event-list-page.less b/src/styles/summit-event-list-page.less
@@ -2,7 +2,7 @@
     margin: 25px -15px 0px;
     display: flex;
     flex-wrap: wrap;
-    align-items: center;
+    align-items: start;
     .col-md-6, .col-md-3 {
         margin-bottom: 10px;
     }