From 857dc8e8c6a211051678e2bdd30f9427ffe6d246 Mon Sep 17 00:00:00 2001
From: BrunodevOliveira <brunodevoliveira@gmail.com>
Date: Wed, 2 Feb 2022 10:52:01 -0300
Subject: [PATCH] =?UTF-8?q?=C3=BAltimas=20corre=C3=A7=C3=B5es?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../biblioteconomia/isbn/isbn.component.html  | 27 ++++++++++++-------
 .../biblioteconomia/isbn/isbn.component.scss  | 13 +++++++++
 src/app/cdd/classes/classes.component.html    |  8 +++---
 3 files changed, 34 insertions(+), 14 deletions(-)

diff --git a/src/app/biblioteconomia/isbn/isbn.component.html b/src/app/biblioteconomia/isbn/isbn.component.html
index df788a82..cf3fb222 100644
--- a/src/app/biblioteconomia/isbn/isbn.component.html
+++ b/src/app/biblioteconomia/isbn/isbn.component.html
@@ -12,19 +12,26 @@
     <h1 class="titulo">O que é ISBN?</h1>
     <mat-grid-tile><img class="imagem" src="../../assets/imagens/isbn.png"></mat-grid-tile>
     <mat-grid-tile class="texto" [colspan]="1" [rowspan]="1"><p>O ISBN (International Standard Book Number/ Padrão Internacional de Numeração de Livro) é um padrão numérico criado com o objetivo de fornecer uma espécie de 'RG' para publicações monográficas, como livros, artigos e apostilas. A difusão global do ISBN e a facilidade com que é lido por redes de varejo, bibliotecas e sistemas gerais de catalogação, tornou-o imprescindível para qualquer publicação. A sequência é criada a partir de um sistema de registro utilizado pelo mercado editorial e livreiro em todo o mundo. Ela é composta de 13 números que indicam o título, o autor, o país, a editora e a edição de uma obra.</p></mat-grid-tile>
-    <mat-grid-tile [colspan]="2"><h2 class="subtitulo">Saiba mais sobre ISBN</h2></mat-grid-tile>
+
+  </mat-grid-list>
+  <mat-grid-list cols="2" rowHeight="120px">
+    <mat-grid-tile [colspan]="2" rowHeight="1">
+      <h2 class="subtitulo">Saiba mais sobre ISBN</h2>
+    </mat-grid-tile>
+    <mat-grid-tile [colspan]="1">
+      <mat-list cols="2" rowHeight="1" role="list" >
+        <mat-list-item role="listitem"><a class="link" href="https://www.cblservicos.org.br/isbn/duvidas-frequentes-isbn/">Dúvidas frequentes</a></mat-list-item>
+        <mat-list-item role="listitem"><a class="link" href="https://www.cblservicos.org.br/isbn/historia/">História</a></mat-list-item>
+        <mat-list-item role="listitem"><a class="link" href="https://www.cblservicos.org.br/isbn/objetivo/">Objetivo</a></mat-list-item>
+      </mat-list>
+    </mat-grid-tile>
     <mat-grid-tile [colspan]="1">
-      <mat-list cols="2" rowHeight="2:1" role="list">
-        <mat-list-item role="listitem"><a href="https://www.cblservicos.org.br/isbn/duvidas-frequentes-isbn/">Dúvidas frequentes</a></mat-list-item>
-        <mat-list-item role="listitem"><a href="https://www.cblservicos.org.br/isbn/historia/">História</a></mat-list-item>
-        <mat-list-item role="listitem"><a href="https://www.cblservicos.org.br/isbn/objetivo/">Objetivo</a></mat-list-item>
+      <mat-list role="list">
+        <mat-list-item role="listitem"><a class="link" href="https://www.cblservicos.org.br/isbn/estrutura/">Estrutura</a></mat-list-item>
+        <mat-list-item role="listitem"><a class="link" href="https://www.cblservicos.org.br/isbn/vantagens/">Vantagens</a></mat-list-item>
+        <mat-list-item role="listitem"><a class="link" href="https://www.cblservicos.org.br/isbn/como-solicitar-um-isbn/">Como solicitar ISBN</a></mat-list-item>
       </mat-list>
     </mat-grid-tile>
-    <mat-grid-tile [colspan]="1"><mat-list role="list">
-      <mat-list-item role="listitem"><a href="https://www.cblservicos.org.br/isbn/estrutura/">Estrutura</a></mat-list-item>
-      <mat-list-item role="listitem"><a href="https://www.cblservicos.org.br/isbn/vantagens/">Vantagens</a></mat-list-item>
-      <mat-list-item role="listitem"><a href="https://www.cblservicos.org.br/isbn/como-solicitar-um-isbn/">Como solicitar ISBN</a></mat-list-item>
-    </mat-list></mat-grid-tile>
   </mat-grid-list>
   </div>
   <ng-template #loading>
diff --git a/src/app/biblioteconomia/isbn/isbn.component.scss b/src/app/biblioteconomia/isbn/isbn.component.scss
index 81625713..86c257d5 100644
--- a/src/app/biblioteconomia/isbn/isbn.component.scss
+++ b/src/app/biblioteconomia/isbn/isbn.component.scss
@@ -15,6 +15,18 @@
   text-align: center;
 }
 
+.link {
+  font-weight: bold;
+  text-decoration: none;
+  color: #424242;
+  font-size: 20px;
+}
+.link:hover{
+  color: #7E57C2;
+  font-size: 25px;
+  text-decoration: underline;
+}
+
 // mat-grid-tile {
 //   margin: 0 auto;
 // }
@@ -43,6 +55,7 @@
   margin-left: auto;
   margin-right: auto;
   text-align: center;
+  margin-bottom: 15px;
 }
 
 // .grid1{
diff --git a/src/app/cdd/classes/classes.component.html b/src/app/cdd/classes/classes.component.html
index 98e08076..38db563e 100644
--- a/src/app/cdd/classes/classes.component.html
+++ b/src/app/cdd/classes/classes.component.html
@@ -3,7 +3,7 @@
   <div class="resultado-pesquisa">
     <div>
       <mat-form-field appearance="fill" style="width: 100%; text-align: center;">
-        <mat-label>Buscar por Genero</mat-label>
+        <mat-label>Buscar por Gênero</mat-label>
         <input matInput #searchInput />
         <mat-icon matSuffix>search</mat-icon>
       </mat-form-field>
@@ -13,7 +13,7 @@
       <table mat-table [dataSource]="search" class="mat-elevation-z8">
         <!-- Icone Genero-->
         <ng-container matColumnDef="_idGenero">
-          <th mat-header-cell *matHeaderCellDef>Icones CDD</th>
+          <th mat-header-cell *matHeaderCellDef>Ícones CDD</th>
           <td mat-cell *matCellDef="let search">
             <div class="example-button-container">
               <button class="iconeCdd" mat-fab color="accent" aria-label="Example icon button with a bookmark icon">
@@ -24,7 +24,7 @@
         </ng-container>
         <!-- Nome do Genero -->
         <ng-container matColumnDef="nomeGenero">
-          <th mat-header-cell *matHeaderCellDef> Nome do Genero </th>
+          <th mat-header-cell *matHeaderCellDef> Nome do Gênero </th>
           <td mat-cell *matCellDef="let search"> {{ search.nomeGenero }} </td>
         </ng-container>
         <!-- Decimal Genero -->
@@ -69,7 +69,7 @@
 
       <!-- Nome do Genero -->
       <ng-container matColumnDef="nomeGenero">
-        <th mat-header-cell *matHeaderCellDef> Nome do Genero </th>
+        <th mat-header-cell *matHeaderCellDef> Nome do Gênero </th>
         <td mat-cell *matCellDef="let generos"> {{ generos.nomeGenero }} </td>
       </ng-container>