From 9cdaa4a7af81b9d795cfe578f74413d8f91030df Mon Sep 17 00:00:00 2001
From: Luke Vella <me@lukevella.com>
Date: Thu, 21 Apr 2022 11:36:20 +0100
Subject: [PATCH] Improve alignment

---
 pages/poll.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/poll.tsx b/pages/poll.tsx
index bd2ad7e7c..6e3246d10 100644
--- a/pages/poll.tsx
+++ b/pages/poll.tsx
@@ -215,8 +215,8 @@ const PollPage: NextPage = () => {
               width: Math.max(600, poll.options.length * 95 + 200 + 160),
             }}
           >
-            <div className="mb-6 px-4 md:px-0">
-              <div className="mb-3 items-start md:flex md:space-x-4">
+            <div className="mb-6">
+              <div className="mb-3 items-start px-4 md:flex md:space-x-4">
                 <div className="mb-3 grow md:mb-0">
                   <div className="flex flex-col-reverse md:flex-row">
                     <h1 className="mb-2 grow text-3xl leading-tight">
@@ -249,14 +249,14 @@ const PollPage: NextPage = () => {
                 </div>
               </div>
               {poll.description ? (
-                <div className="mb-4 w-fit max-w-2xl whitespace-pre-line rounded-xl bg-white px-4 py-3 text-lg leading-relaxed text-slate-600 shadow-sm">
+                <div className="mb-4 w-fit whitespace-pre-line bg-white px-4 py-3 text-lg leading-relaxed text-slate-600 shadow-sm md:rounded-xl md:bg-white">
                   <TruncatedLinkify>
                     {preventWidows(poll.description)}
                   </TruncatedLinkify>
                 </div>
               ) : null}
               {poll.location ? (
-                <div className="mb-4 flex items-center">
+                <div className="mb-4 flex items-center px-4">
                   <div>
                     <LocationMarker
                       width={20}