Cleaned up membership listings appearance

diff --git a/simple-wp-membership/view.php b/simple-wp-membership/view.php
index 8bfa23c..e0c7020 100644 (file)
--- a/simple-wp-membership/view.php
+++ b/simple-wp-membership/view.php
@@ -15,6 +15,7 @@
                                }
                                .memberName {
                                        font-weight: bold;
+                                       margin-left: 2em;
                                }
                                .sectionTitle {
                                        text-align: center;
@@ -36,8 +37,8 @@
                        <form action="'.$pageURL.'" method="post">
                                <div class="row"><div class="small-12 columns"><h3>Search for Members</h3></div></div>
                                <div class="row">
-                                       <div class="small-6 columns">First Name: <input type="text" name="first_name" value="'.$first_name.'"></div>
-                                       <div class="small-6 columns">Last Name: <input type="text" name="last_name" value="'.$last_name.'"></div>
+                                       <div class="small-6 columns">First Name: <input type="text" name="first_name" value="'.$firstName.'"></div>
+                                       <div class="small-6 columns">Last Name: <input type="text" name="last_name" value="'.$lastName.'"></div>
                                </div>
                                <div class="row"><div class="small-12 columns"><input type="submit" name="Search" value="Search by Name"></div></div>
                        </form>
@@ -76,47 +77,47 @@
                                <div class="row">
                        '.($m['email'] != '' ? '
                                        <!-- Email Address -->
-                                       <div class="small-5 medium-3 columns fieldPrompt">Email address:</div><div class="small-7 medium-4 columns fieldValue">'.$m['email'].'</div>
+                                       <div class="small-3 columns fieldPrompt">Email address:</div><div class="small-9 columns fieldValue">'.$m['email'].'</div>
+                               </div>
+                               <div class="row">
                        ' : '').'
                        '.($m['phone'] != '' ? '
                                        <!-- Cell Phone -->
-                                       <div class="small-5 medium-2 columns fieldPrompt">Phone:</div><div class="small-7 medium-3 columns fieldValue">'.$m['phone'].'</div>
-                       ' : '
-                                       <div class="small-1 columns end"> </div>
-                       ').'
+                                       <div class="small-3 columns fieldPrompt">Phone:</div><div class="small-9 columns fieldValue">'.$m['phone'].'</div>
                                </div>
-                               <div class="minorBreak"> </div>
+                       ' : '').'
                        '.($m['data']['Spouse name']->value != '' ? '
                                <div class="minorBreak"> </div>
                                <div class="row">
                                        <!-- Spouse Name -->
-                                       <div class="small-3 columns fieldPrompt">Spouse:</div><div class="small-7 columns end fieldValue">'.$m['data']['Spouse name']->value.'</div>
+                                       <div class="small-3 columns fieldPrompt">Spouse:</div><div class="small-9 columns end fieldValue">'.$m['data']['Spouse name']->value.'</div>
                                </div>
-                               <div class="row">
                            '.($m['data']['Spouse email']->value != '' ? '
+                               <div class="row">
                                        <!-- Spouse Email -->
-                                       <div class="small-6 medium-3 columns fieldPrompt">Email:</div><div class="small-7 medium-4 columns fieldValue">'.$m['data']['Spouse email']->value.'</div>
+                                       <div class="small-3 columns fieldPrompt">Email:</div><div class="small-9 columns fieldValue">'.$m['data']['Spouse email']->value.'</div>
+                               </div>
                            ' : '').'
                            '.($m['data']['Spouse cell phone']->value != '' ? '
+                               <div class="row">
                                        <!-- Spouse Cell Phone -->
-                                       <div class="small-5 medium-2 columns fieldPrompt">Cell phone:</div><div class="small-7 medium-3 columns end fieldValue">'.$m['data']['Spouse cell phone']->value.'</div>
-                           ' : '
-                                       <div class="small-1 columns end"> </div>
-                           ').'
+                                       <div class="small-3 columns fieldPrompt">Cell phone:</div><div class="small-9 columns end fieldValue">'.$m['data']['Spouse cell phone']->value.'</div>
                                </div>
+                           ' : '').'
                        ' : '').'
+                               <div class="minorBreak"> </div>
                                <div class="row"><div class="small-12 columns sectionTitle">Summer contact information</div></div>
                            '.($m['data']['Summer mailing address (P.O Box)']->value != '' ? '
                                <div class="row">
                                        <!-- Summer Mailing Address -->
-                                       <div class="small-3 columns fieldPrompt">Summer mailing:</div><div class="small-7 columns end fieldValue">'.$m['data']['Summer mailing address (P.O Box)']->value.'</div>
+                                       <div class="small-3 columns fieldPrompt">&nbsp;</div><div class="small-9 columns end fieldValue">'.$m['data']['Summer mailing address (P.O Box)']->value.'</div>
                                </div>
                            ' : '').'
                            '.($m['data']['Summer City']->value != '' ? '
                                <div class="row">
                                        <div class="small-3 columns">&nbsp;</div>
                                        <!-- Summer City, State, ZIP -->
-                                       <div class="small-7 columns end fieldValue">
+                                       <div class="small-9 columns end fieldValue">
                                                '.$m['data']['Summer City']->value.($m['data']['Summer State']->value != '' ? ', '.$m['data']['Summer State']->value : '').'
                                                '.$m['data']['Summer ZIP/Postal Code']->value.'
                                        </div>
@@ -125,50 +126,51 @@
                            '.($m['data']['Summer Home 1']->value != '' ? '
                                <div class="row">
                                        <!-- Summer Home 1 -->
-                                       <div class="small-3 medium-3 columns fieldPrompt">Address 1:</div><div class="small-7 medium-4 columns end fieldValue">'.$m['data']['Summer Home 1']->value.'</div>
+                                       <div class="small-3 columns fieldPrompt">Address 1:</div><div class="small-9 columns end fieldValue">'.$m['data']['Summer Home 1']->value.'</div>
+                               </div>
                              '.($m['data']['Summer Phone 1']->value != '' ? '
-                                       <div class="small-5 medium-2 columns fieldPrompt">Phone:</div>
+                               <div class="row">
+                                       <div class="small-3 columns fieldPrompt">Phone:</div>
                                        <!-- Summer Phone 1 -->
-                                       <div class="small-7 medium-3 columns end fieldValue">'.$m['data']['Summer Phone 1']->value.'</div>
-                             ' : '
-                                       <div class="small-1 columns end">&nbsp;</div>
-                             ').'
+                                       <div class="small-9 columns end fieldValue">'.$m['data']['Summer Phone 1']->value.'</div>
                                </div>
+                             ' : '').'
                            ' : '').'
                            '.($m['data']['Summer Home 2']->value != '' ? '
                                <div class="row">
                                        <!-- Summer Home 2 -->
-                                       <div class="small-3 medium-3 columns fieldPrompt">Address 2:</div><div class="small-7 medium-4 columns end fieldValue">'.$m['data']['Summer Home 2']->value.'</div>
+                                       <div class="small-3 columns fieldPrompt">Address 2:</div><div class="small-9 columns end fieldValue">'.$m['data']['Summer Home 2']->value.'</div>
+                               </div>
                              '.($m['data']['Summer Phone 2']->value != '' ? '
-                                       <div class="small-5 medium-2 columns fieldPrompt">Phone:</div>
+                               <div class="row">
+                                       <div class="small-3 columns fieldPrompt">Phone:</div>
                                        <!-- Summer Phone 2 -->
-                                       <div class="small-7 medium-3 columns end fieldValue">'.$m['data']['Summer Phone 2']->value.'</div>
-                             ' : '
-                                       <div class="small-1 columns end">&nbsp;</div>
-                             ').'
+                                       <div class="small-9 columns end fieldValue">'.$m['data']['Summer Phone 2']->value.'</div>
                                </div>
+                             ' : '').'
                            ' : '').'
                            '.($m['data']['Summer Home 3']->value != '' ? '
                                <div class="row">
                                        <!-- Summer Home 3 -->
-                                       <div class="small-3 medium-3 columns fieldPrompt">Address 3:</div><div class="small-7 medium-4 columns end fieldValue">'.$m['data']['Summer Home 3']->value.'</div>
+                                       <div class="small-3 columns fieldPrompt">Address 3:</div><div class="small-9 columns end fieldValue">'.$m['data']['Summer Home 3']->value.'</div>
+                               </div>
                              '.($m['data']['Summer Phone 3']->value != '' ? '
-                                       <div class="small-5 medium-2 columns fieldPrompt">Phone:</div>
+                               <div class="row">
+                                       <div class="small-3 columns fieldPrompt">Phone:</div>
                                        <!-- Summer Phone 3 -->
-                                       <div class="small-7 medium-3 columns end fieldValue">'.$m['data']['Summer Phone 3']->value.'</div>
-                             ' : '
-                                       <div class="small-1 columns end">&nbsp;</div>
-                             ').'
+                                       <div class="small-9 columns end fieldValue">'.$m['data']['Summer Phone 3']->value.'</div>
                                </div>
+                             ' : '').'
                            ' : '').'
 
 
                        '.($m['data']['Home Address']->value != '' ? '
+                               <div class="minorBreak"> </div>
                                <div class="row"><div class="small-12 columns sectionTitle">Home contact information</div></div>
                                <div class="row">
                                        <div class="small-3 columns fieldPrompt">Address:</div>
                                        <!-- Home Address -->
-                                       <div class="small-7 columns end fieldValue">
+                                       <div class="small-9 columns end fieldValue">
                                                '.$m['data']['Home Address']->value.'
                                        </div>
                                </div>
@@ -176,7 +178,7 @@
                                <div class="row">
                                        <div class="small-3 columns">&nbsp;</div>
                                        <!-- Home City, State, ZIP -->
-                                       <div class="small-7 columns end fieldValue">
+                                       <div class="small-9 columns end fieldValue">
                                                '.$m['data']['Home City']->value.($m['data']['Home State']->value != '' ? ', '.$m['data']['Home State']->value : '').'
                                                '.$m['data']['Home ZIP']->value.'
                                        </div>
@@ -186,7 +188,7 @@
                                <div class="row">
                                        <div class="small-3 columns fieldPrompt">Phone:</div>
                                        <!-- Home Phone -->
-                                       <div class="small-7 columns end fieldValue">
+                                       <div class="small-9 columns end fieldValue">
                                                '.$m['data']['Home Phone']->value.'
                                        </div>
                                </div>
@@ -197,7 +199,7 @@
                                <div class="row">
                                        <div class="small-3 columns fieldPrompt">Winter address:</div>
                                        <!-- Winter Mailing Address -->
-                                       <div class="small-7 columns end fieldValue">
+                                       <div class="small-9 columns end fieldValue">
                                                '.$m['data']['Winter mailing address']->value.'
                                        </div>
                                </div>
@@ -205,7 +207,7 @@
                                <div class="row">
                                        <div class="small-3 columns">&nbsp;</div>
                                        <!-- Winter City, State, ZIP -->
-                                       <div class="small-7 columns end fieldValue">
+                                       <div class="small-9 columns end fieldValue">
                                                '.$m['data']['Winter City']->value.($m['data']['Winter State']->value != '' ? ', '.$m['data']['Winter State']->value : '').'
                                                '.$m['data']['Winter ZIP/Postal Code']->value.'
                                        </div>
@@ -215,7 +217,7 @@
                                <div class="row">
                                        <div class="small-3 columns fieldPrompt">Phone:</div>
                                        <!-- Winter Phone -->
-                                       <div class="small-7 columns end fieldValue">
+                                       <div class="small-9 columns end fieldValue">
                                                '.$m['data']['Winter phone']->value.'
                                        </div>
                                </div>