+
Gabinete Digital
diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.scss b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
index 63a27d761..deb1ddb80 100644
--- a/src/app/pages/gabinete-digital/gabinete-digital.page.scss
+++ b/src/app/pages/gabinete-digital/gabinete-digital.page.scss
@@ -12,8 +12,8 @@ ion-content{
text-align: center;
}
.title-container{
- padding: 30px 20px 0 20px !important;
- margin-bottom: 15px;
+ padding: 30px 20px 15px 20px !important;
+ //margin-bottom: 15px;
.btn-no-color{
display: flex;
float: right;
@@ -81,7 +81,7 @@ ion-content{
/* NEW CSS */
-.main-content {
+.main-content {
width: 100%; /* 400px */
height: 100%;
font-family: Roboto;
@@ -93,8 +93,11 @@ ion-content{
border-top-left-radius: 25px;
border-top-right-radius: 25px;
+ .aside-wrapper{
+ //border: 1px solid red;
+ }
+
.aside{
- //display: flex;
align-items: center;
justify-content: center;
@@ -164,7 +167,7 @@ ion-content{
}
.exp-card-title p{
text-align: center;
-
+
}
.exp-card-content{
font-size: 13px;
@@ -207,14 +210,14 @@ ion-content{
width: 547px !important;
}
}
-@media only screen and (min-width: 749px) {
+/* @media only screen and (min-width: 749px) {
.exp-card-long{
width: 734px !important;
}
-}
+} */
-@media only screen and (min-width: 801px) {
+@media only screen and (min-width: 701px) {
.main-content{
.aside-wrapper{
@@ -232,7 +235,7 @@ ion-content{
}
.aside-title{
font-family: Roboto;
- font-size: 25px;
+ font-size: 16px;
text-align: left;
}
.exp-card{
@@ -243,7 +246,7 @@ ion-content{
.exp-card-title{
text-align: left !important;
}
-
+
}
.exp-card-long{
//display: none;
@@ -321,6 +324,20 @@ ion-content{
}
}
}
+@media only screen and (min-width: 801px) {
+ .content{
+ width: 65%;
+ }
+
+ .aside-right{
+ width: 35%;
+ }
+ .aside-title{
+ font-family: Roboto;
+ font-size: 25px;
+ text-align: left;
+ }
+}
@media only screen and (min-width: 1024px){
.content{
width: 70%;