diff --git a/src/components/MemberRow.tsx b/src/components/MemberRow.tsx
index 047df2d..3b15c10 100644
--- a/src/components/MemberRow.tsx
+++ b/src/components/MemberRow.tsx
@@ -2,7 +2,13 @@ import imageUrl from '../lib/imageUrl';
import '../css/article.css';
import RowItemHeader from './RowItemHeader';
-export default function MemberRow({ member }: { member: SGA.MemberDocument }) {
+export default function MemberRow({
+ member,
+ limitPhotoHeight = false,
+}: {
+ member: SGA.MemberDocument;
+ limitPhotoHeight?: boolean;
+}) {
let thumbnail: React.ReactElement | null = null;
if (member.profile_photo) {
thumbnail = (
@@ -12,7 +18,15 @@ export default function MemberRow({ member }: { member: SGA.MemberDocument }) {
return (
-
{thumbnail}
+
+ {thumbnail}
+
{member.name}
diff --git a/src/css/article.css b/src/css/article.css
index 253b0bf..dce596d 100644
--- a/src/css/article.css
+++ b/src/css/article.css
@@ -3,11 +3,17 @@
flex-direction: column;
}
-.article-row-thumbnail {
+.article-row-thumbnail,
+.article-row-thumbnail-height-constrained {
flex: 1;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-right: 1em;
+ text-align: center;
+}
+
+.article-row-thumbnail-height-constrained>img {
+ max-height: 200px;
}
.article-row-content {
diff --git a/src/pages/classcouncil.tsx b/src/pages/classcouncil.tsx
index 578a58e..894b01a 100644
--- a/src/pages/classcouncil.tsx
+++ b/src/pages/classcouncil.tsx
@@ -50,7 +50,11 @@ export default function ClassCouncil() {
<>
Class Council {year}
{members.map((member) => (
-
+
))}
>
))}
diff --git a/src/pages/committee.tsx b/src/pages/committee.tsx
index 2ebb424..d830fe4 100644
--- a/src/pages/committee.tsx
+++ b/src/pages/committee.tsx
@@ -18,7 +18,7 @@ export default function Committee() {
/>
{excomm.map((member) => (
-
+
))}
>