diff --git a/Mohem/src/app/authentication/business-card/business-card.component.html b/Mohem/src/app/authentication/business-card/business-card.component.html
index 6cabace2..e9a093f1 100644
--- a/Mohem/src/app/authentication/business-card/business-card.component.html
+++ b/Mohem/src/app/authentication/business-card/business-card.component.html
@@ -9,16 +9,16 @@
-
+
{{userInfo.name_en}}
-
+
@@ -79,7 +79,7 @@
-
+
{{userInfo.job_en}}
diff --git a/Mohem/src/app/authentication/business-card/business-card.component.scss b/Mohem/src/app/authentication/business-card/business-card.component.scss
index f85bbad2..f2ee7250 100644
--- a/Mohem/src/app/authentication/business-card/business-card.component.scss
+++ b/Mohem/src/app/authentication/business-card/business-card.component.scss
@@ -38,10 +38,9 @@
// CS
.card-size{
transform: rotate(90deg) !important;
- // padding: 5% !important;
- // padding-right: 0px !important;
padding-right: 0px !important;
padding-left: 15% !important;
+ padding: 8% !important;
}
.qr-style{
left: 260% !important;
@@ -57,6 +56,9 @@
.qr-img-hmg-style{
left: 580px !important;
}
+ .cs-card-size{
+ padding: 15px !important;
+ }
}
@media screen and (min-width: 400px) and (min-height:700px) and (max-height: 799px){
@@ -81,6 +83,9 @@
.qr-img-hmg-style{
left: 495px !important;
}
+ .cs-card-size{
+ padding: 20px !important;
+ }
}
@media screen and (min-width: 325px) and (max-width:399px) and (max-height: 812px){
@@ -103,6 +108,9 @@
.qr-img-hmg-style{
left: 550px !important;
}
+ .cs-card-size{
+ padding: 10px !important;
+ }
}
@media screen and (min-width: 325px) and (max-width:399px) and (max-height: 700px){
@@ -140,18 +148,25 @@
}
// HMG
.logo-img-hmg-style{
- left: 245px !important;
+ left: 225px !important;
}
.qr-img-hmg-style{
left: 430px !important;
}
+ .cs-card-size{
+ padding:5px !important;
+ }
+ .name-div{
+ padding: 3px !important;
+ }
}
@media screen and (min-width: 1px) and (max-width:320px) {
.card-size{
transform: rotate(90deg) !important;
position: relative;
- bottom: 3%;
+ bottom: 10%;
left: 8%;
+ padding: 10% !important
}
.qr-style{
width: 70% !important;
@@ -176,34 +191,47 @@
.logo-img-hmg-style{
width: 380px !important;
position: fixed !important;
- left: 200px !important;
+ left: 240px !important;
height: 81px !important;
- bottom: 205px !important;
+ bottom: 175px !important;
}
.qr-img-hmg-style{
width: 105px !important;
margin-top: 0px !important;
position: relative !important;
left: 390px !important;
- top: 160px !important;
+ top: 150px !important;
}
.cs-card-size{
- padding: 15px !important;
+ padding: 0px !important;
padding-top: 0px !important;
padding-left: 1px !important;
}
}
+@media screen and (min-width: 200px) and (max-width: 300px) and (max-height: 700px){
+ .font-text-style{
+ font-size: 11px !important;
+ }
+ .card-size{
+ padding: 0% !important;
+ left: 7% !important;
+ bottom: 0% !important;
+ position: relative;
+ }
+
+}
+
.card-size{
transform: rotate(90deg);
- padding: 6%;
+ padding: 18%;
}
.qr-style{
width: 70%;
margin-top: 0px;
position: relative;
- left: 200%;
+ left: 135%;
}
.name-ar-style{
font-size: 20px;
@@ -234,5 +262,5 @@
.cs-card-size{
transform: rotate(90deg);
- padding: 25px;
+ padding: 0px;
}
\ No newline at end of file