chore: Make avg response times more visible in support form (#24588)

Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Raquel Smith <[email protected]>
PostHog · Aug 27, 2024 · f4497a7 · f4497a7
1 parent 8dde90a
commit f4497a7
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 23 deletions.
diff --git a/...nd/__snapshots__/scenes-app-sidepanels--side-panel-support-with-email--dark.png b/...nd/__snapshots__/scenes-app-sidepanels--side-panel-support-with-email--dark.png
diff --git a/...d/__snapshots__/scenes-app-sidepanels--side-panel-support-with-email--light.png b/...d/__snapshots__/scenes-app-sidepanels--side-panel-support-with-email--light.png
diff --git a/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx b/frontend/src/layout/navigation-3000/sidepanel/panels/SidePanelSupport.tsx
@@ -100,7 +100,30 @@ const SupportFormBlock = ({ onCancel }: { onCancel: () => void }): JSX.Element =
 
     return (
         <Section title="Email an engineer">
-            <div className="grid grid-cols-2 border rounded [&_>*]:px-2 [&_>*]:py-0.5 mb-4 bg-bg-light">
+            <SupportForm />
+            <LemonButton
+                form="support-modal-form"
+                htmlType="submit"
+                type="primary"
+                data-attr="submit"
+                fullWidth
+                center
+                className="mt-4"
+            >
+                Submit
+            </LemonButton>
+            <LemonButton
+                form="support-modal-form"
+                type="secondary"
+                onClick={onCancel}
+                fullWidth
+                center
+                className="mt-2 mb-4"
+            >
+                Cancel
+            </LemonButton>
+            <br />
+            <div className="grid grid-cols-2 border rounded [&_>*]:px-2 [&_>*]:py-0.5 mb-4 bg-bg-light pt-4">
                 <div className="col-span-full flex justify-between border-b bg-bg-white py-1">
                     <div>
                         <strong>Avg support response times</strong>
@@ -131,28 +154,6 @@ const SupportFormBlock = ({ onCancel }: { onCancel: () => void }): JSX.Element =
                     )
                 })}
             </div>
-            <SupportForm />
-            <LemonButton
-                form="support-modal-form"
-                htmlType="submit"
-                type="primary"
-                data-attr="submit"
-                fullWidth
-                center
-                className="mt-4"
-            >
-                Submit
-            </LemonButton>
-            <LemonButton
-                form="support-modal-form"
-                type="secondary"
-                onClick={onCancel}
-                fullWidth
-                center
-                className="mt-2"
-            >
-                Cancel
-            </LemonButton>
         </Section>
     )
 }