Merge branch...

Merge branch '102-responsividade-na-pagina-de-visualizacao-edicao-de-equipamentos' into 'development'

Resolve "Responsividade na página de visualização/edição de equipamentos"

Closes #102

See merge request !118

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>
 

pinsisApp/src/app/edit-machine/edit-machine.component.scss

@@ -15,7 +15,7 @@
   border-right: 3px solid $bg-default;
 
   a {
-    font-size: 14px;
+    font-size: 16px;
     color: $text-light;
     font-weight: bolder;
     text-decoration: none;
@@ -30,16 +30,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;
 
   }
@@ -182,14 +184,19 @@
   background-color: #b0cfed;
  }
 
- .search{
+.search{
   background-color: #b0cfed;
   border-radius:8px;
   width:300px;
   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;

pinsisApp/src/app/events/events.component.scss

@@ -178,6 +178,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{