fix: update styling for percy tests

opentripplanner · Jul 31, 2024 · f102d29 · f102d29
1 parent a73b95a
commit f102d29
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/lib/components/narrative/narrative-itineraries-header.tsx b/lib/components/narrative/narrative-itineraries-header.tsx
@@ -38,6 +38,12 @@ const ItinerariesHeaderContainer = styled.div<{ showHeaderText: boolean }>`
 const SortResultsDropdown = styled(Dropdown)`
   button {
     border: none;
+    padding: 3px 7px;
+    line-height: 20px;
+  }
+
+  span.caret {
+    margin-left: 2px;
   }
 `
 

diff --git a/lib/components/viewers/route-details.tsx b/lib/components/viewers/route-details.tsx
@@ -39,10 +39,21 @@ const PatternSelectButton = styled(UnstyledButton)`
 `
 
 const PatternSelectDropdown = styled(Dropdown)`
+  float: right;
+
+  button {
+    padding: 3px 7px;
+    line-height: 20px;
+  }
+
   span,
   span.caret {
     color: #333;
   }
+
+  span.caret {
+    margin-left: 2px;
+  }
 `
 
 interface Props {
@@ -157,7 +168,6 @@ class RouteDetails extends Component<Props> {
               <FormattedMessage id="components.RouteDetails.stopsTo" />
             </HeadsignSelectLabel>
             <PatternSelectDropdown
-              alignMenuLeft
               id="headsign-selector"
               label={patternSelectLabel}
               style={{ color: 'black' }}