Issuue Summary:

The news card on the current experimental build encounters rendering overflows when loading certain news stories.

Screenshot of Bug:

Error from console:

◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤
I/flutter ( 2599): ════════════════════════════════════════════════════════════════════════════════════════════════════
I/flutter ( 2599): ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
I/flutter ( 2599): The following assertion was thrown during layout:
I/flutter ( 2599): A RenderFlex overflowed by 2.0 pixels on the bottom.
I/flutter ( 2599): 
I/flutter ( 2599): The relevant error-causing widget was:
I/flutter ( 2599):   Column Column:file:///C:/Users/trent/Desktop/campus-mobile/lib/ui/news/news_list.dart:92:20
I/flutter ( 2599): 
I/flutter ( 2599): To inspect this widget in Flutter DevTools, visit:
I/flutter ( 2599): http://127.0.0.1:9100/#/inspector?uri=http://127.0.0.1:62123/cs6zD8kVxM0=/&inspectorRef=inspector-1
I/flutter ( 2599): 
I/flutter ( 2599): The overflowing RenderFlex has an orientation of Axis.vertical.
I/flutter ( 2599): The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and
I/flutter ( 2599): black striped pattern. This is usually caused by the contents being too big for the RenderFlex.
I/flutter ( 2599): Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the
I/flutter ( 2599): RenderFlex to fit within the available space instead of being sized to their natural size.
I/flutter ( 2599): This is considered an error condition because it indicates that there is content that cannot be
I/flutter ( 2599): seen. If the content is legitimately bigger than the available space, consider clipping it with a
I/flutter ( 2599): ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex,
I/flutter ( 2599): like a ListView.
I/flutter ( 2599): The specific RenderFlex in question is: RenderFlex#6b7e5 relayoutBoundary=up1 OVERFLOWING:
I/flutter ( 2599):   creator: Column ← Flexible ← Row ← ConstrainedBox ← Container ← DefaultTextStyle ←
I/flutter ( 2599):     AnimatedDefaultTextStyle ← _ListTile ← IconTheme ← Builder ← MediaQuery ← Padding ← ⋯
I/flutter ( 2599):   parentData: offset=Offset(0.0, 0.0); flex=1; fit=FlexFit.loose (can use size)
I/flutter ( 2599):   constraints: BoxConstraints(0.0<=w<=327.4, 0.0<=h<=60.0)
I/flutter ( 2599):   size: Size(327.0, 60.0)
I/flutter ( 2599):   direction: vertical
I/flutter ( 2599):   mainAxisAlignment: start
I/flutter ( 2599):   mainAxisSize: max
I/flutter ( 2599):   crossAxisAlignment: start
I/flutter ( 2599):   textDirection: ltr
I/flutter ( 2599):   verticalDirection: down
I/flutter ( 2599): ◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤
I/flutter ( 2599): ════════════════════════════════════════════════════════════════════════════════════════════════════

Debugging Checklist:

• Pull from upstream to get the latest code
• Checkout the feature branch
• Compile and run the code
• Reproduce the bug
• Fix the bug
• Test locally on a device
• Create Pull Request

• PR 2042 Test Plan PASS on iOS
• PR 2042 Test Plan PASS on Android