From 144bc608c37a2fa510b383d8ff74db058a8ae6a0 Mon Sep 17 00:00:00 2001
From: danieldeng2 <danieldeng223@gmail.com>
Date: Sun, 9 Aug 2020 01:12:43 +0100
Subject: [PATCH] Better scaling on small screens for resources
---
frontend/src/components/pages/ModuleResources/index.tsx | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/frontend/src/components/pages/ModuleResources/index.tsx b/frontend/src/components/pages/ModuleResources/index.tsx
index 4d9e63b55..ad186cf48 100644
--- a/frontend/src/components/pages/ModuleResources/index.tsx
+++ b/frontend/src/components/pages/ModuleResources/index.tsx
@@ -28,14 +28,14 @@ const ModuleResources: React.FC = () => {
</InputGroup.Text>
</InputGroup.Prepend>
- <FormControl aria-label="Search" placeholder="search" />
+ <FormControl aria-label="Search" placeholder="Search" />
</InputGroup>
<h5 className={classNames(styles.moduleSectionHeader)}>Quick Access</h5>
<Row>
{[...Array(4)].map((e, i) => (
- <Col md={3} key={i}>
+ <Col xs={6} sm={6} md={3} key={i}>
<Card style={{ marginTop: "1rem" }}>
<Card.Img variant="top" src="holder.js/100px100" />
<Card.Body>
@@ -49,7 +49,7 @@ const ModuleResources: React.FC = () => {
<h5 className={classNames(styles.moduleSectionHeader)}>Folders</h5>
<Row>
{[...Array(10)].map((e, i) => (
- <Col md={3} key={i}>
+ <Col xs={6} sm={6} md={3} key={i}>
<Card style={{ marginTop: ".6rem" }}>
<Card.Body style={{ padding: ".6rem" }}>
<Card.Text>Folder{i}</Card.Text>
--
GitLab