From 59b6c7e0ce7fef799b5f60f6bef365340fde46b3 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Tue, 24 Sep 2019 00:29:24 -0700
Subject: [PATCH] fix: improve styles on poll form (#1525)

---
 src/routes/_components/status/StatusPoll.html | 27 +++++++++++--------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/routes/_components/status/StatusPoll.html b/src/routes/_components/status/StatusPoll.html
index ab40fd63..5451e3c3 100644
--- a/src/routes/_components/status/StatusPoll.html
+++ b/src/routes/_components/status/StatusPoll.html
@@ -17,14 +17,13 @@
       <ul class="poll-choices" aria-label="Poll choices">
         {#each options as option, i}
           <li class="poll-choice poll-form-option">
-            <input type="{multiple ? 'checkbox' : 'radio'}"
-                   id="poll-choice-{uuid}-{i}"
-                   name="poll-choice-{uuid}"
-                   value="{i}"
-                   on:change="onChange()"
-            >
-            <label for="poll-choice-{uuid}-{i}">
-              {option.title}
+            <label>
+              <input type="{multiple ? 'checkbox' : 'radio'}"
+                     name="poll-choice-{uuid}"
+                     value="{i}"
+                     on:change="onChange()"
+              >
+              <span>{option.title}</span>
             </label>
           </li>
         {/each}
@@ -83,10 +82,14 @@
   }
 
   li.poll-choice {
-    margin: 0;
+    margin: 10px 0;
     padding: 0;
   }
 
+  li.poll-choice:first-child {
+    margin-top: 0;
+  }
+
   .option {
     margin: 0 0 10px 0;
     padding: 0;
@@ -197,7 +200,7 @@
     padding-bottom: 10px;
   }
 
-  .poll-form label {
+  .poll-form label span {
     text-overflow: ellipsis;
     overflow: hidden;
     word-break: break-word;
@@ -228,8 +231,10 @@
     .poll-stat-text {
       margin-left: 2px;
     }
+    li.poll-choice {
+      margin: 5px 0;
+    }
   }
-
 </style>
 <script>
   import SvgIcon from '../SvgIcon.html'