app: Flip 'full' field label display order

evanpurkhiser · Nov 19, 2020 · 304c641 · 304c641
1 parent c50d3b9
commit 304c641
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/renderer/components/form/Field.tsx b/src/renderer/components/form/Field.tsx
@@ -45,6 +45,17 @@ const Field = styled(({size, name, description, children, ...p}: Props) => (
       }
     `}
 
+  ${p =>
+    p.size === 'full' &&
+    css`
+      > *:first-child {
+        grid-area: 2;
+      }
+      > &:last-child {
+        grid-area: 1;
+      }
+    `}
+
   &:not(:last-child) {
     border-bottom: 1px solid #eee;
   }