From 3d707310f94801abed7236f2a6c704a9154ab27a Mon Sep 17 00:00:00 2001 From: umasoodch Date: Mon, 6 Apr 2020 11:24:35 +0300 Subject: [PATCH] fixed small screen my-attendance issue --- .../my-team/details/details.component.scss | 21 +++++++++++++++---- .../time-card-details.component.scss | 21 +++++++++++++++---- 2 files changed, 34 insertions(+), 8 deletions(-) diff --git a/Mohem/src/app/my-team/details/details.component.scss b/Mohem/src/app/my-team/details/details.component.scss index 08556352..f60e443a 100644 --- a/Mohem/src/app/my-team/details/details.component.scss +++ b/Mohem/src/app/my-team/details/details.component.scss @@ -360,13 +360,26 @@ ion-title{ background: white; border-radius: 20px; padding: 10px; - h2{ + @media screen and (min-width: 300px) and (max-width:359px) { + h2{ + padding: 0; + margin: 0; + font-size: 14px; + } + span{ + font-size: 9px; + } + } + + @media screen and (min-width: 360px) { + h2{ padding: 0; margin: 0; font-size: 18px; - } - span{ - font-size: 11px; + } + span{ + font-size: 11px; + } } } diff --git a/Mohem/src/app/time-card/time-card-details/time-card-details.component.scss b/Mohem/src/app/time-card/time-card-details/time-card-details.component.scss index 6eb7fc02..f52bd47c 100644 --- a/Mohem/src/app/time-card/time-card-details/time-card-details.component.scss +++ b/Mohem/src/app/time-card/time-card-details/time-card-details.component.scss @@ -834,13 +834,26 @@ $actionBtnSize : 36px; background: white; border-radius: 20px; padding: 10px; - h2{ + @media screen and (min-width: 300px) and (max-width:359px) { + h2{ + padding: 0; + margin: 0; + font-size: 14px; + } + span{ + font-size: 9px; + } + } + + @media screen and (min-width: 360px) { + h2{ padding: 0; margin: 0; font-size: 18px; - } - span{ - font-size: 11px; + } + span{ + font-size: 11px; + } } }