From d5fa12757d0eadb56e7f83a6ebd39b66a99939dd Mon Sep 17 00:00:00 2001
From: James Pederson <james@jpederson.com>
Date: Mon, 20 May 2019 17:15:02 -0500
Subject: [PATCH] Refine the wordpress settings interface, adding limited
 styles and an introduction paragraph.

---
 wordpress.php | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/wordpress.php b/wordpress.php
index a94c5d5..ec7dd84 100644
--- a/wordpress.php
+++ b/wordpress.php
@@ -86,6 +86,9 @@ function ta_options_page() {
         
         ?>
         <h2>Twitter Aggregator Settings</h2>
+        <p>Enter your Twitter API key and oAuth settings generated at <a href="https://dev.twitter.com/apps/new" target="_blank">https://dev.twitter.com/apps/new</a>, and provide a comma-separated list of twitter handles for the tool to fetch.</p>
+        <hr>
+        <style>.ta-field { padding: 5px 10px; min-width: 280px; width: 60%; }</style>
         <form method="post" action="options.php">
         <?php
 
@@ -95,8 +98,8 @@ function ta_options_page() {
         // loop through the options and output fields.
         foreach ( $ta_options as $opt ) {
             ?>
-            <p><label for="<?php print $opt ?>"><?php print ucwords( str_replace( "ta_", "", str_replace( "_", " ", $opt ) ) ); ?></label><br>
-                <input type="text" id="<?php print $opt; ?>" name="<?php print $opt; ?>" value="<?php echo get_option( $opt ); ?>" /></p>
+            <p><label for="<?php print $opt ?>"><?php print ucwords( str_replace( "_", " ", str_replace( "ta_", "", $opt ) ) ); ?></label><br>
+                <input type="text" class="ta-field" id="<?php print $opt; ?>" name="<?php print $opt; ?>" value="<?php echo get_option( $opt ); ?>" /></p>
             <?php
         }