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; + } } }