Merge branch 'arrumar-titulos' into 'development'

put the correct titles on the machines pages and put them on the left

See merge request !69

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

 <section class="photos-page" lang="pt">
     <div class="container">
           <!-- Título -->
-          <div class="btn-list justify-">
-            <div class="row ">
-              <h2> Visualização dos aceleradores </h2>
-            <div routerLink="/registro-equipamentos" class=" btn-list-el ">
-                <a>CADASTRAR EQUIPAMENTO</a>
+          <div class="titulo row ">
+            <div class="d-none d-sm-block col-md-1"></div>
+
+              <h2>Edição dos equipamentos:</h2>
+              <div routerLink="/registro-equipamentos" class=" btn-list-el ">
+                  <a>CADASTRAR EQUIPAMENTO</a>
+
+              </div>
 
-            </div>
-            </div>
           </div>
+
+
+
+
+
       <!-- Row  -->
       <div class="row justify-content-center">
             <div class="col-sm-5 col-md-5 pt-4" *ngFor="let machine of machines; let i = index">

pinsisApp/src/app/events/events.component.html

 <section class="photos-page" lang="pt">
   <div class="container">
+    <div class="titulo row ">
+      <div class="d-none d-sm-block col-md-1"></div>
+
+        <h2>Visualização dos equipamentos:</h2>
+    </div>
+
       <div class="row justify-content-center">
           <div class="col-md-5 pt-4" *ngFor="let machine of machines; let i = index">
               <div class="container photos-btn">
@@ -30,5 +36,6 @@
               </div>
           </div>
       </div>
+
   </div>
 </section>

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

 // Importando os estilos globais
 @import '../../sass/styles';
 
-// Letras 
+// Letras
+.titulo {
+    text-align: justify;
+    hyphens: auto;
+    font-family: $font-default;
+    color: $text-dark;
+
+    h2 {
+        font-family: $font-header;
+        font-weight: bolder;
+    }
+
+    h2 {
+        font-size: 36px;
+    }
+
+}
+
+
+.graph-warning {
+  padding: 20px 20px 20px 20px;
+  background-color: $white;
+  border: 3px solid $dark-purple;
+
+  margin-bottom: 40px;
+  color: $text-dark;
+  font-family: $open;
+  font-size: 20px;
+  line-height: 1.1em;
+}
+
+.btn-list-el {
+  padding: 20px  40px;
+  cursor:pointer;
+  outline: 0;
+  background: $bg-secondary;
+  text-align: center;
+
+  border-right: 3px solid $bg-default;
+
+  a {
+    font-size: 16px;
+    color: $text-light;
+    font-weight: bolder;
+    text-decoration: none;
+  }
+
+  &:hover {
+    text-decoration: none;
+    background: $dark-purple;
+    transition: 0.15s linear;
+  }
+
+
+  @media screen and (min-width: $break-small + 1) and (max-width: $break-large) {
+    padding: 10px 5px;
+    a {
+      font-size: 11px;
+    }
+    }
+
+}
+
+
 .photos-page {
     hyphens: auto;
     font-family: $font-default;