diff --git a/webapp/web/css/menupage/menupage.css b/webapp/web/css/menupage/menupage.css index 1d8c57537..a3ec14d61 100644 --- a/webapp/web/css/menupage/menupage.css +++ b/webapp/web/css/menupage/menupage.css @@ -69,7 +69,7 @@ ul#vgraph-childClasses li{ height: 35px; line-height: 35px; } -ul#vgraph-childClasses li:last-child{ +ul#vgraph-childClasses li:last-child { border-bottom: 0; } ul#vgraph-childClasses a{ @@ -129,7 +129,7 @@ ul#find-filters a{ #network-stats p{ padding: 15px 15px 15px 175px; font-size: .875em; - line-height: 1.5em; + line-height: 1.5; color: #5e6363; } /* RESEARCHERS ------> */ @@ -151,7 +151,7 @@ ul#find-filters a{ } #researchers p{ padding: 17px 15px 15px 175px; - line-height: 1.5em; + line-height: 1.5; } #researchers-slider{ clear: both; @@ -243,13 +243,14 @@ ul#alpha-browse-childClass{ float: left; width: 620px; padding-left: 10px; + list-style: none; } ul#alpha-browse-childClass li{ float: left; margin-right: 4px; padding-top: 8px; } -ul#alpha-browse-childClass li:last-child{ +ul#alpha-browse-childClass li:last-child{ border-bottom: 0; } ul#alpha-browse-childClass a{ @@ -262,7 +263,7 @@ ul#alpha-browse-childClass a{ /* BROWSE INDIVIDUALS------> */ #individuals-in-childClass{ float: right; - width: 45%; + width: 68%; padding-bottom: 30px; margin-bottom: 30px; margin-right: 17px; @@ -273,33 +274,30 @@ ul#alpha-browse-childClass a{ #individuals-in-childClass ul{ list-style: none; } -#individuals-in-childClass li.individual-foaf-person, -#individuals-in-childClass li.individual{ - width: 39%; - padding-bottom: 30px; - padding-top: 20px; +#individuals-in-childClass li{ + width: 90%; + padding: 20px 0; margin-left: 30px; margin-right: 30px; overflow: hidden; } -#individuals-in-childClass li.individual-foaf-person img, -#individuals-in-childClass li.individual img{ +#individuals-in-childClass li img{ float: left; - margin-bottom: 10px; + margin-right: 20px; } -#individuals-in-childClass li.individual-foaf-person h1, -#individuals-in-childClass li.individual h1{ +#individuals-in-childClass li h1{ + padding: 0; + line-height: 1.2; font-weight: bold; - padding: 30px 0 10px 110px; - line-height: 1.2em; } -#individuals-in-childClass li.individual h1.no-thumb{ - padding: 0 0 10px 0; - line-height: 1.2em; +#individuals-in-childClass li h1.thumb{ + padding-top: 30px; } -#individuals-in-childClass p{ - padding-left: 110px; - line-height: 1.2em; +#individuals-in-childClass span.title{ + display: block; + margin: 0.3em 0 0 0; + font-size: 0.8em; + line-height: 1; } #individuals-in-childClass span.org{ display: block; diff --git a/webapp/web/js/menupage/browseByVClass.js b/webapp/web/js/menupage/browseByVClass.js index 1a9d3b3a4..a8bd786c9 100644 --- a/webapp/web/js/menupage/browseByVClass.js +++ b/webapp/web/js/menupage/browseByVClass.js @@ -79,15 +79,14 @@ var browseByVClass = { // Build the content of each list item, piecing together each component listItem = '
  • '; if ( typeof results.individuals[i].thumbUrl !== "undefined" ) { - listItem += ''+ label +''; - listItem += '

    '+ label +'

    '; - // Include the moniker only if it's not empty and not equal to the VClass name - }else { - listItem += '

    '+ label +'

    '; - // Include the moniker only if it's not empty and not equal to the VClass name + listItem += ''+ label +'

    '; + } else { + listItem += '

    '; } + listItem += ''+ label +'

    '; + // Include the moniker only if it's not empty and not equal to the VClass name if ( moniker != vclassName && moniker != "" ) { - listItem += '

    '+ moniker +'

    '; + listItem += ''+ moniker +''; } listItem += '
  • '; browseByVClass.individualsInVClass.append(listItem);