Member detail sidebar wraps to the left

diff --git a/css/front.css b/css/front.css
index 30b3e2b..dca24c2 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -53,13 +53,11 @@
     margin: 5px auto;
 }
 .glm-member-list-image {
-    width: 100%;
+    width: auto;
+    max-width: 100%;
     height: auto;
-    min-width: 300px;
-    min-height: 200px;
 }
 .glm-member-detail-image {
-    max-height: 200px;
     border-color: lightgrey;
     border-image: none;
     border-style: solid solid solid none;
@@ -78,11 +76,10 @@
     margin-top: .5em;
 }
 .glm-member-list-image-wrapper {
-    max-height: 215px;
     padding: 0;
     overflow: hidden;
 }
-.glm-member-list-active-info h2 a {
+.glm-member-list-active-info .glm-member-title a {
         text-decoration: underline;
 }
 .glm-member-list-active-info {
@@ -109,18 +106,16 @@
     color: #92a682;    
 }
 #glm-member-detail-sidemenu {
-    border-right: 1px solid lightgrey;
+    clear: left;
 }
-#glm-member-detail-sidemenu,
-#glm-member-detail-data > div {
-    padding: 10px 40px 10px 10px;
+#glm-member-detail-data {
+    border-left: 1px solid lightgrey;
 }
 .glm-member-detail-items {
     margin-top: .5em;
 }
 .glm-member-detail-featured-image-wrapper {
     padding: 0;
-    max-height: 200px;
     overflow: hidden;
 }
 .glm-member-detail-featured-image-wrapper img {
@@ -148,7 +143,9 @@ input[type="submit"].glm-member-button {
     border: 1px solid #ccc;
     margin: 20px 0 0;
 }
-
+#glm-member-detail-container > div {
+    margin: 0 -0.9375rem;
+}
 .glm-member-container {
     line-height: 1.3;
     font-size: 14px;
@@ -240,6 +237,7 @@ input[type="submit"].glm-member-button {
 #glm-member-detail-list-links {
     margin: 10px 0;
 }
+.glm-member-list-links a,
 #glm-member-detail-list-links a {
     display: inline;
     text-decoration: underline;
@@ -251,6 +249,32 @@ input[type="submit"].glm-member-button {
 #glm-member-detail-social a {
     margin-right: 5px;
 }
+
+#glm-member-detail-description-container {
+    padding: 10px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+.glm-member-detail-border {
+    border: 1px solid lightgrey;
+    padding: 10px;
+}
+#glm-member-detail-photos {
+    margin-top: 20px;
+    b, .clearing-assembled {
+        padding: 5px;
+    }
+}
+#glm-locationMap-container {
+    margin-bottom: 0px;
+}
+#glm-locationMap {
+    margin: 0;
+}
+.glm-member-list-description {
+    padding: 15px 15px 15px 0;
+}
+    
 @media (max-width: 1024px) {
     #glm-member-detail-data > div {
         margin: 0 auto;
@@ -267,14 +291,19 @@ input[type="submit"].glm-member-button {
     .glm-member-list-image-wrapper {
         border-top-right-radius: 4px;
         border-top-left-radius: 4px;
+        text-align: center;
     }
     #glm-member-detail-container {
         margin: 20px 0 50px;
     }    
 }
 @media (min-width: 1024px) {
+    #glm-member-detail-sidemenu,
+    #glm-member-detail-data > div {
+        padding: 10px 40px 10px 10px;
+    }
     .glm-member-detail-featured-image-wrapper {
-        border-top-right-radius: 5px;
+        border-top-right-radius: 3px;
     }
     .glm-member-list-image-wrapper {
         border-bottom-left-radius: 4px;
@@ -287,13 +316,13 @@ input[type="submit"].glm-member-button {
 }
 
 @media (max-width: 640px) {
-    .glm-member-detail-image-wrapper  {
+    .glm-member-detail-featured-image-wrapper  {
         text-align: center;
     }
     #glm-member-detail-container {
         margin: 20px 0 100px;
     }
-    .glm-package-detail-image-wrapper img {
+    .glm-member-detail-featured-image-wrapper img {
         float: none;
         margin: 0 auto;
     }
@@ -310,32 +339,12 @@ input[type="submit"].glm-member-button {
     .glm-member-list-description {
         padding: 15px;
     }
-}
-#glm-member-detail-description-container {
-    padding: 10px;
-    padding-top: 10px;
-    padding-bottom: 10px;
-}
-.glm-member-detail-border {
-    border: 1px solid lightgrey;
-    padding: 10px;
-}
-#glm-member-detail-photos {
-    margin-top: 20px;
-    b, .clearing-assembled {
-        padding: 5px;
+    #glm-member-detail-sidemenu,
+    #glm-member-detail-data > div {
+        padding: 10px;
     }
-}
-#glm-locationMap-container {
-    margin-bottom: 0px;
-}
-#glm-locationMap {
-    margin: 0;
-}
-.glm-member-list-description {
-    padding: 15px 15px 15px 0;
-}
     
+}
 /*#glm-locationMap-container {
     margin-bottom: 0px;
 }

diff --git a/views/front/members/detail.html b/views/front/members/detail.html
index 7b4855c..31e9fce 100644 (file)
--- a/views/front/members/detail.html
+++ b/views/front/members/detail.html
@@ -50,12 +50,12 @@
 <!--    <h3>{$terms.term_member_cap} Detail</h3>-->
     <div class="row">
         <div id="glm-member-detail-container" class="small-12 columns glm-member-container">
-            <div class="row">
+            <div>
                 <div id="glm-member-detail-info" class="small-12 medium-6 columns">
         <!-- Member name, address, and basic information -->                    
-                    <h2 class="glm-member-title">
+                    <h4 class="glm-member-title">
                     {$member.member}
-                    </h2>
+                    </h4>
                   {if $settings.detail_show_address}
                       {apply_filters('glm-member-db-front-members-detail-addressTop', '', $member.id)}
                       {if $settings.detail_show_street}

diff --git a/views/front/members/list.html b/views/front/members/list.html
index 0bae470..999a82f 100644 (file)
--- a/views/front/members/list.html
+++ b/views/front/members/list.html
@@ -93,7 +93,7 @@
                 {if $m.logo && $settings.list_show_logo}
                     <div class="glm-member-list-image-wrapper small-12 medium-4 columns">
                         <div class="glm-member-list-image-border">
-                           <img class="glm-member-list-image left" src="{$glmPluginMediaURL}/images/{$settings.list_logo_size}/{$m.logo}"> 
+                           <img class="glm-member-list-image" src="{$glmPluginMediaURL}/images/{$settings.list_logo_size}/{$m.logo}"> 
 <!--                            <img class="glm-member-list-image left" src="http://placehold.it/500x300">-->
                         </div>
                     </div>
@@ -104,14 +104,14 @@
                 {/if}
 <!-- Member name, address, and basic information -->
                     {apply_filters('glm-member-db-front-members-list-memberInfoTop', '', $m.id)}                                        
-                    <h2 class="glm-member-title">
+                    <h4 class="glm-member-title">
           {if $settings.list_show_detail_link}
                         <a href="{$siteBaseUrl}{$settings.canonical_member_page}/{$m.member_slug}/">{$m.member}</a>
 
           {else}
                         {$m.member}
           {/if}
-                    </h2>
+                    </h4>
               {if $settings.list_show_address}
                     {apply_filters('glm-member-db-front-members-list-memberAddressTop', '', $m.id)} 
                   {if $settings.list_show_street}