From 31b2a9383dd74115e0b77fb7a6b036a46c7b356a Mon Sep 17 00:00:00 2001
From: Your Name <arthur.mant@gmail.com>
Date: Mon, 17 Feb 2020 13:26:05 -0300
Subject: [PATCH] fixed edit and visualize machines pages responsivity
---
.../edit-machine/edit-machine.component.html | 2 +-
.../edit-machine/edit-machine.component.scss | 23 ++++++++++++-------
.../src/app/events/events.component.scss | 5 ++++
3 files changed, 21 insertions(+), 9 deletions(-)
diff --git a/pinsisApp/src/app/edit-machine/edit-machine.component.html b/pinsisApp/src/app/edit-machine/edit-machine.component.html
index f84e5b67..4330ae0c 100644
--- a/pinsisApp/src/app/edit-machine/edit-machine.component.html
+++ b/pinsisApp/src/app/edit-machine/edit-machine.component.html
@@ -17,7 +17,7 @@
<div class="row">
<div routerLink="/registro-equipamentos" class=" btn-list-el">
- <a>CADASTRAR EQUIPAMENTO</a>
+ <a>Cadastrar Equipamento</a>
</div>
</div>
diff --git a/pinsisApp/src/app/edit-machine/edit-machine.component.scss b/pinsisApp/src/app/edit-machine/edit-machine.component.scss
index 33e560f0..fdd7f865 100644
--- a/pinsisApp/src/app/edit-machine/edit-machine.component.scss
+++ b/pinsisApp/src/app/edit-machine/edit-machine.component.scss
@@ -17,7 +17,7 @@
border-right: 3px solid $bg-default;
a {
- font-size: 14px;
+ font-size: 16px;
color: $text-light;
font-weight: bolder;
text-decoration: none;
@@ -32,16 +32,18 @@
@media screen and (min-width: $break-small + 1) and (max-width: $break-large) {
padding: 10px 5px;
+ width: 80%;
+ margin-right:10%;
+ margin-left:10%;
a {
font-size: 11px;
}
}
@media screen and (max-width: $break-small) {
- margin-right:auto;
- margin-left:auto;
- margin-top: 2%;
- margin-right: 5%;
- width:50%;
+ width: 80%;
+ margin-right:10%;
+ margin-left:10%;
+ margin-top: 10px;
display: block;
}
@@ -187,7 +189,7 @@
background-color: #b0cfed;
}
- .search{
+.search{
background-color: #b0cfed;
//border:solid 1px;
border-radius:8px;
@@ -195,7 +197,12 @@
height: 32px !important;
align-self: center;
margin-left: 14%;
- }
+ @media screen and (max-width: $break-small) {
+ width:90%;
+ margin-left:5%;
+ margin-left:5%;
+ }
+}
.search-text{
float:left;
diff --git a/pinsisApp/src/app/events/events.component.scss b/pinsisApp/src/app/events/events.component.scss
index 280c0a0e..5b3fba06 100644
--- a/pinsisApp/src/app/events/events.component.scss
+++ b/pinsisApp/src/app/events/events.component.scss
@@ -182,6 +182,11 @@
height: 32px !important;
align-self: center;
margin-left: 6%;
+ @media screen and (max-width: $break-small) {
+ width: 90%;
+ margin-left: 5%;
+ margin-right: 5%;
+ }
}
.search-text{
--
GitLab