From 3f271a024ee076c9190dd523e182aed385617aec Mon Sep 17 00:00:00 2001
From: Sudarshan Sreeram <sudarshan.sreeram19@imperial.ac.uk>
Date: Fri, 4 Sep 2020 19:23:39 +0530
Subject: [PATCH] Fix styling of the week heading card
---
.../components/WeekHeading/style.module.scss | 16 ++++++++++------
1 file changed, 10 insertions(+), 6 deletions(-)
diff --git a/src/components/pages/Timeline/components/WeekHeading/style.module.scss b/src/components/pages/Timeline/components/WeekHeading/style.module.scss
index 2eb17dbb2..53104c29e 100644
--- a/src/components/pages/Timeline/components/WeekHeading/style.module.scss
+++ b/src/components/pages/Timeline/components/WeekHeading/style.module.scss
@@ -1,8 +1,8 @@
@import "assets/scss/custom";
.weekCard {
- width: 11.25rem;
- height: 3.75rem;
+ width: 15rem;
+ height: 4rem;
border-radius: 0.5rem !important;
border-width: 0rem;
background: var(--background-color);
@@ -10,21 +10,24 @@
}
.weekCard :global(.card-header) {
- font-size: 14px;
+ font-size: 1.125rem;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.375rem 0.5rem;
border-radius: 0.5rem !important;
background: var(--primary-button);
+ border-width: 0rem;
+ height: 2.25rem !important;
}
.weekCard :global(.card-body) {
- font-size: 12px;
+ font-size: 1rem;
display: flex;
justify-content: space-between;
- align-items: middle;
- padding: 0.5rem 0.25rem;
+ align-items: center;
+ padding: 0.5rem 0.5rem;
+ padding-bottom: 0rem;
}
.dayIndicator {
@@ -32,6 +35,7 @@
font-weight: 500;
width: 2.25rem !important;
text-align: center;
+ padding: 0rem;
}
.weekDateRange {
--
GitLab