Adjust team/maintainer avatar sizes
Change-Id: I78207f2bdfa92887fa965d88aa740fd6a77d790b
diff --git a/css/table.css b/css/table.css
index 7a082ec..3859b4c 100644
--- a/css/table.css
+++ b/css/table.css
@@ -1,18 +1,18 @@
.team_content {
display: grid;
- grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
- row-gap: 50px;
+ grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+ row-gap: 80px;
margin-top: 80px;
}
.team_content2 {
- grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
row-gap: 50px;
margin-top: 80px;
}
.image {
- width: 190px;
+ width: 100px;
height: auto;
border-radius: 100%;
margin: 0 auto 20px auto;
diff --git a/js/maintainers.js b/js/maintainers.js
index 4e2d962..ea14778 100644
--- a/js/maintainers.js
+++ b/js/maintainers.js
@@ -5,7 +5,7 @@
var newContent = ''; // Variable to hold HTML
for (var i = 0; i < data.length; i++) { // Loop through object
newContent += '<div id="event" class="team_item">';
- newContent += '<img class="image crop" loading="lazy" style="min-height: 190px" src="' + data[i].avatar + '" ';
+ newContent += '<img class="image crop" loading="lazy" style="min-height: 100px" src="' + data[i].avatar + '" ';
newContent += 'alt="' + data[i].mname + '" />';
newContent += '<h3><b>' + data[i].mname + '</b></h3>';
newContent += '<p class="team_data_text font-weight-bold">' + data[i].device + '</p>';
diff --git a/js/team.js b/js/team.js
index e199a68..f785803 100644
--- a/js/team.js
+++ b/js/team.js
@@ -5,7 +5,7 @@
var newContent = ''; // Variable to hold HTML
for (var i = 0; i < data.length; i++) { // Loop through object
newContent += '<div id="event" class="team_item">';
- newContent += '<img class="image crop" loading="lazy" style="min-height: 190px" src="' + data[i].avatar + '" ';
+ newContent += '<img class="image crop" loading="lazy" style="min-height: 100px" src="' + data[i].avatar + '" ';
newContent += 'alt="' + data[i].member + '" />';
newContent += '<h3><b>' + data[i].member + '</b></h3>';
newContent += '<p class="team_data_text font-weight-bold">' + data[i].designation + '</p>';