diff --git a/js/eclipsefdn.adopters.js b/js/eclipsefdn.adopters.js index 76251f86b94a17ed8c891262b5a6976b256302a3..b1698457c99e3c982a51512c2bd5911eba53a441 100644 --- a/js/eclipsefdn.adopters.js +++ b/js/eclipsefdn.adopters.js @@ -183,6 +183,7 @@ a.setAttribute('href', url); img.setAttribute('alt', name); img.setAttribute('src', opts.src_root + '/assets/images/adopters/' + logo); + img.setAttribute('class', 'adopters-img'); a.appendChild(img); li.appendChild(a); diff --git a/less/styles.less b/less/styles.less index e5e04583bef45706ba4475f60ec31022a524c125..9613471e92fb37a74b5aebb77e52b27180b15223 100644 --- a/less/styles.less +++ b/less/styles.less @@ -13,19 +13,31 @@ @import '~eclipsefdn-solstice-assets/less/quicksilver/styles.less'; -.eclipsefdn-adopters ul { - & { - display: flex; - flex-flow: row wrap; + +.eclipsefdn-adopters { + @media screen and (max-width: 767px) { + text-align:center; + } + ul { + li { + @media screen and (max-width: 767px) { + &:first-child { + margin-top:20px; + } + } + margin-bottom:20px; + } } - & > li { - flex: 1 1 25%; - list-style: none; - padding-bottom: 20px; + h2 { + border-bottom:1px solid #999; + padding-bottom:10px; + margin-bottom:20px; } - & > li img { - width: 75%; - max-width: 250px; - max-height: 80px; + .adopters-img { + max-height: 95px; + padding: 10px; + min-width: 170px; + max-width: 170px; } } +