dropdown arrow for atocal attendees input

css/style.css

@@ -73,7 +73,7 @@
 }
 
 /*
- * Select box with a theme-colored chevron instead of the
+ * Input wrappers with a theme-colored chevron instead of the
  * native arrow, which is not visible on every platform.
  *
  * ┌───────────────────────────────┐
@@ -98,9 +98,13 @@
     pointer-events: none;
 }
 
+.atocal-select select,
+.atocal-select input[type="text"] {
+    padding-right: 32px;
+}
+
 .atocal-select select {
     appearance: none;
-    padding-right: 32px;
 }
 
 .atocal-row select,

templates/confirm.php

@@ -135,7 +135,7 @@ $l = $_['l10n'];
                     <label for="atocal-attendees">
                         <strong><?= $h($l->t('Invitees')) ?></strong>
                     </label>
-                    <span>
+                    <span class="atocal-select">
                         <input
                             id="atocal-attendees"
                             name="attendees"