Fixing search results styling, map resizing.
authorLaury GvR <laury@gaslightmedia.com>
Thu, 21 Aug 2014 14:17:26 +0000 (10:17 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Thu, 21 Aug 2014 14:32:31 +0000 (10:32 -0400)
Toolkit/Members/css/member.css
Toolkit/Members/templates/membersList.tpl

index fe102b5..d6c5473 100755 (executable)
@@ -91,6 +91,7 @@ background-color: #ffffff;
   line-height: 130%;
     padding: 15px;
   background-color: #eee;
+  min-height: 180px;
   height: 1%;
   
   margin-bottom: 5px;
@@ -143,15 +144,16 @@ background-color: #ffffff;
 .search-result-item-container {
     padding: 8px !important;
     max-width: 550px !important;
+    min-height: 200px;
     margin-left: auto;
     margin-right:auto;
 }
-/*@media (min-width: 641px) and (max-width: 1024px) {
+@media (min-width: 741px) and (max-width: 1024px) {
     .search-result-item-container {
-        margin-left: 15%;
-        max-width:80%;
+        margin-left: 15% !important;
+/*        width:80%;*/
     }
-}
+}/*
 @media (min-width: 641px) {
     
 }*/
@@ -1331,9 +1333,12 @@ div.thumb {
 #SearchForm fieldset ol li:last-child {
     text-align:center;
 }
+.search-result-item-container:last-child {
+    float: left !important;
+}
 
 /** map foundation **/
-@media (min-width: 634px) {
+@media (min-width: 642px) {
     .category-search-map-sibling {
         float: left !important;
     }
@@ -1342,7 +1347,7 @@ div.thumb {
         margin-bottom: 25px;
     }
 }
-@media (max-width: 633px) {
+@media (max-width: 641px) {
     .category-search-map-sibling {
         margin-left:auto !important;
         margin-right: auto !important;
@@ -1359,6 +1364,9 @@ div.thumb {
         padding-bottom: 25px;
         padding-top: 20px;
     }
+    #toolbox figure {
+        text-align: center;
+    }
 }
 .category-search-map-sibling {
     float: none;
index 75acf6e..be3bcee 100644 (file)
@@ -41,8 +41,8 @@ searchMapIconActive="searchMapIconActive"
                 {end:}
             </div><!-- /.memberSR -->
             <div class="search-result-container medium-9 columns">
-                <div class="small-12 columns">
-                    <h3 class="fn org text-left">
+                <div class="">
+                    <h3 class="fn org text-left small-12 columns">
                         <a title="More Info" href="{row[url]:h}">{row[member_name]:h}</a>
                     </h3>
                 </div>