Member Profile Updates

Update style so bullets show on package pages.
spacing between logo and address
logo centered
phone fax same font size and address
social media icons no text and centered
adding amenities title
add spacing below the course-contact id
place thin border around each course on profile page.

diff --git a/Toolkit/Members/css/member.css b/Toolkit/Members/css/member.css
index 71a4c68..dab1a83 100755 (executable)
--- a/Toolkit/Members/css/member.css
+++ b/Toolkit/Members/css/member.css
@@ -719,3 +719,38 @@ div.thumb {
     display: block;
     margin: 0 auto 20px;
 }
+#packageSection p {
+    line-height: 1.5;
+}
+body .content .row div#course-contact img {
+   margin: 0 auto 20px;
+}
+#course-contact {
+    margin-bottom: 50px;
+}
+#course-contact .tel {
+    font-size: .875rem;
+}
+#course-contact #mColumn h3 {
+    text-align: left;
+}
+ul#mColumnSoc {
+    text-indent: -9999px;
+    text-align: center;
+    margin-left: auto;
+    display: inline-flex;
+}
+#mColumnSoc li {
+    float: left;
+}
+#description p {
+    line-height: 1.4;
+}
+.pBox ul li {
+    display: list-item;
+}
+.course-item {
+    border: 1px solid #a5c0c0;
+    padding: 5px 10px;
+    margin: 0 0 10px;
+}
\ No newline at end of file

diff --git a/Toolkit/Members/templates/memberDetail.tpl b/Toolkit/Members/templates/memberDetail.tpl
index b1e0888..d03d361 100644 (file)
--- a/Toolkit/Members/templates/memberDetail.tpl
+++ b/Toolkit/Members/templates/memberDetail.tpl
@@ -12,7 +12,9 @@ catid="catid" />
         <h1>{member_name:h}</h1>
         {description:h}
 
-        <p class="ital">
+        <h3 flexy:if="amenities">Amenities</h3>
+        <p class="ital" flexy:if="amenities">
+
             <?php
             if ($t->amenities) {
                 $total = count($t->amenities);
@@ -46,27 +48,31 @@ catid="catid" />
             {end:}
         </div>
         {if:golf_info}
+            <h2>Courses</h2>
             {foreach:courses,course}
-            <h3>{course[title]:h}</h3>
-            {course[description]:h}
-            <a href="{course[res_url]:h}" flexy:if="course[res_url]">Book A Tee Time</a>
-            <ul class="detail">
-                <li flexy:if="course[par]">Par: {course[par]:h}</li>
-                <li flexy:if="course[yardage]">Yardage: {course[yardage]:h}</li>
-                <li flexy:if="course[course_rating]">Course Rating: {course[course_rating]:h}</li>
-                <li flexy:if="course[slope_rating]">Slope Rating: {course[slope_rating]:h}</li>
-                <li flexy:if="course[holes9]">9 Holes: {course[holes9]:h}</li>
-                <li flexy:if="course[holes18]">18 Holes: {course[holes18]:h}</li>
-            </ul>
-            <p flexy:if="course[file]">
-                <a href="{upPath}{course[file]:h}">{if:course[filename]}{course[filename]}{else:}{course[file]}{end:}</a>
-            </p>
-            <p flexy:if="course[file2]">
-                <a href="{upPath}{course[file]:h}">{if:course[file2name]}{course[file2name]}{else:}{course[file2]}{end:}</a>
-            </p>
-            <p class="ital">
-                Walking Course: {course[walking_course]:h}
-            </p>
+                <div class="course-item">
+                    <h3>{course[title]:h}</h3>
+                    {course[description]:h}
+                    <a href="{course[res_url]:h}" flexy:if="course[res_url]">Book A Tee Time</a>
+                    <ul class="detail">
+                        <li flexy:if="course[par]">Par: {course[par]:h}</li>
+                        <li flexy:if="course[yardage]">Yardage: {course[yardage]:h}</li>
+                        <li flexy:if="course[course_rating]">Course Rating: {course[course_rating]:h}</li>
+                        <li flexy:if="course[slope_rating]">Slope Rating: {course[slope_rating]:h}</li>
+                        <li flexy:if="course[holes9]">9 Holes: {course[holes9]:h}</li>
+                        <li flexy:if="course[holes18]">18 Holes: {course[holes18]:h}</li>
+                    </ul>
+                    <p flexy:if="course[file]">
+                        <a href="{upPath}{course[file]:h}">{if:course[filename]}{course[filename]}{else:}{course[file]}{end:}</a>
+                    </p>
+                    <p flexy:if="course[file2]">
+                        <a href="{upPath}{course[file]:h}">{if:course[file2name]}{course[file2name]}{else:}{course[file2]}{end:}</a>
+                    </p>
+                    <p class="ital">
+                        Walking Course: {course[walking_course]:h}
+                    </p>
+                </div>
+
 
             {end:}
         {end:}
@@ -85,9 +91,9 @@ catid="catid" />
             {street:h}<br /><span class="locality">{city:h}</span>, <span class="region" title="{state_name:h}">{state_abbr:h}</span>
             <span class="postal-code">{zip:h}</span>
         </p>
-        <div flexy:if="phone">Phone: {phone:h}</div>
-        <div flexy:if="toll_free">Toll Free: {toll_free:h}</div>
-        <div flexy:if="fax">Fax: {fax:h}</div>
+        <div flexy:if="phone" class="tel">Phone: {phone:h}</div>
+        <div flexy:if="toll_free" class="tel">Toll Free: {toll_free:h}</div>
+        <div flexy:if="fax" class="tel">Fax: {fax:h}</div>
         <nav class="quicky">
             <ul>
                 <li><a flexy:if="email" class="email member-button" title="Email" href="mailto:{email:h}">Email</a></li>
@@ -108,41 +114,41 @@ catid="catid" />
                 </li>
             </ul>
         </nav>
+        <ul flexy:if="has_social_media" id="mColumnSoc" class="inline-list">
+            <li flexy:if="facebook" class="mFacebook">
+                <a class="external" href="{facebook:h}">Facebook</a>
+            </li>
+            <li flexy:if="twitter" class="mTwitter">
+                <a class="external" href="{twitter:h}">Twitter</a>
+            </li>
+            <li flexy:if="pinterest" class="mPinterest">
+                <a class="external" href="{pinterest:h}">Pinterest</a>
+            </li>
+            <li flexy:if="myspace" class="mInstagram">
+                <a class="external" href="{instagram:h}">Instagram</a>
+            </li>
+            <li flexy:if="myspace" class="mGooglePlus">
+                <a class="external" href="{google_plus:h}">Google+</a>
+            </li>
+            <li flexy:if="linkedin" class="mLinkedIn">
+                <a class="external" href="{linkedin:h}">LinkedIn</a>
+            </li>
+            <li flexy:if="youtube" class="mYouTube">
+                <a class="external" href="{youtube:h}">YouTube</a>
+            </li>
+            <li flexy:if="blog" class="mBlog">
+                <a class="external" href="{blog:h}">Blog</a>
+            </li>
+            <li flexy:if="myspace" class="mMyspace">
+                <a class="external" href="{myspace:h}">MySpace</a>
+            </li>
+        </ul>
         <div id="mColumn">
-            <ul flexy:if="has_social_media" id="mColumnSoc">
-                <li flexy:if="facebook" class="mFacebook">
-                    <a class="external" href="{facebook:h}">Facebook</a>
-                </li>
-                <li flexy:if="twitter" class="mTwitter">
-                    <a class="external" href="{twitter:h}">Twitter</a>
-                </li>
-                <li flexy:if="pinterest" class="mPinterest">
-                    <a class="external" href="{pinterest:h}">Pinterest</a>
-                </li>
-                <li flexy:if="myspace" class="mInstagram">
-                    <a class="external" href="{instagram:h}">Instagram</a>
-                </li>
-                <li flexy:if="myspace" class="mGooglePlus">
-                    <a class="external" href="{google_plus:h}">Google+</a>
-                </li>
-                <li flexy:if="linkedin" class="mLinkedIn">
-                    <a class="external" href="{linkedin:h}">LinkedIn</a>
-                </li>
-                <li flexy:if="youtube" class="mYouTube">
-                    <a class="external" href="{youtube:h}">YouTube</a>
-                </li>
-                <li flexy:if="blog" class="mBlog">
-                    <a class="external" href="{blog:h}">Blog</a>
-                </li>
-                <li flexy:if="myspace" class="mMyspace">
-                    <a class="external" href="{myspace:h}">MySpace</a>
-                </li>
-            </ul>
             <h3 flexy:if="has_accommodations">Accommodations Info</h3>
             <ul flexy:if="has_accommodations" id="mColumnAcc">
                 <li>
                     <ul>
-                        <li flexy:if="year_round"> Open Year Round </li>
+                        <li flexy:if="year_round">Open Year Round </li>
                         <li flexy:if="lists_number_of_rooms">{num_rooms:h} Rooms</li>
                         {if:does_online_reservations}
                             <li flexy:if="reservation_id">