Merge pull request opentripplanner#671 from ibi-group/metro-mode-sele…

…ctor-spacing Metro Mode Selector Spacing Adjustments
ibi-group · Oct 20, 2023 · 3a63d0a · 3a63d0a
2 parents 4d18601 + 4914c1b
commit 3a63d0a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/core-utils/src/planQuery.graphql b/packages/core-utils/src/planQuery.graphql
@@ -157,8 +157,8 @@ query Plan(
             id
           }
           color
-          gtfsId: id
           gtfsId
+          id: gtfsId
           longName
           shortName
           textColor

diff --git a/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx b/packages/trip-form/src/MetroModeSelector/SubSettingsPane.tsx
@@ -50,7 +50,7 @@ const SettingsPanel = styled.fieldset`
 export const SubSettingsCheckbox = styled(CheckboxSelector)<{
   flexbox: boolean;
 }>`
-  ${props => (props.flexbox ? "align-items: center;" : "")};
+  ${props => (props.flexbox ? "align-items: baseline;" : "")};
   display: ${props => (props.flexbox ? "flex" : "inherit")};
   margin-left: 4px;
 
@@ -60,13 +60,14 @@ export const SubSettingsCheckbox = styled(CheckboxSelector)<{
 `;
 
 const FormLabelIconWrapper = styled.span`
-  align-items: center;
+  align-items: baseline;
   display: flex;
   gap: 4px;
   svg {
     width: 16px;
     height: 16px;
     display: inline-block;
+    margin-bottom: 4px;
     vertical-align: middle;
     overflow: hidden;
   }