From ca07e761c67fdbd369fec3c8704cde2f6b9d4d5b Mon Sep 17 00:00:00 2001
From: Marcos Castilhos <221008300@aluno.unb.br>
Date: Wed, 6 Dec 2023 15:27:29 -0300
Subject: [PATCH] Altera tamanho da fonte e letras maiusculas

Co-authored-by: RaisSabeAndrade <raissaandrade8@gmail.com>
---
 package-lock.json                      | 13 +++++++++++
 src/app/pages/grid/grid.component.css  | 23 ++++++++++++++------
 src/app/pages/grid/grid.component.html | 30 ++++++++++++--------------
 3 files changed, 44 insertions(+), 22 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 21edd442..b44a6a42 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,6 +21,7 @@
         "angular-oauth2-oidc": "^15.0.1",
         "hls.js": "^1.4.12",
         "jwt-decode": "^3.1.2",
+        "ngx-google-analytics": "^14.0.1",
         "postcss-cli": "^10.1.0",
         "postcss-import": "^15.1.0",
         "postcss-loader": "^7.3.3",
@@ -10274,6 +10275,18 @@
       "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw=="
     },
+    "node_modules/ngx-google-analytics": {
+      "version": "14.0.1",
+      "resolved": "https://registry.npmjs.org/ngx-google-analytics/-/ngx-google-analytics-14.0.1.tgz",
+      "integrity": "sha512-PfOtnshSyq15EKevKlFW9IRgH+dTtPG4Q9HJYksuRNYDzjce0eqK3Bf6hz0tAZdyqbzTCyx5g+NgWBfpqQfb2w==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@angular/common": ">=12.0.0",
+        "@angular/core": ">=12.0.0"
+      }
+    },
     "node_modules/nice-napi": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/nice-napi/-/nice-napi-1.0.2.tgz",
diff --git a/src/app/pages/grid/grid.component.css b/src/app/pages/grid/grid.component.css
index 2facea38..3b627a09 100644
--- a/src/app/pages/grid/grid.component.css
+++ b/src/app/pages/grid/grid.component.css
@@ -2,22 +2,33 @@
     padding-left: 40px; 
   }
 .padded-cell-day {
-    padding-left: 20px; 
+    padding-left: 10px; 
+  }
+.padded-right {
+    padding-right: 20px; 
   }
-.center-table {
-  font-size: 12px;
-}
 
 table {
   width: 100%;
   border-collapse: collapse;
+  font-size: 13px;
 }
 
-th,
 td {
-  padding: 8px;
+  padding: 5px;
 }
 
 tr:not(:last-child) {
   border-bottom-width: 0.01em;
+}
+
+td::first-letter {
+  text-transform: capitalize;
+}
+td {
+  text-transform: lowercase;
+}
+
+p {
+  font-size: 15px;
 }
\ No newline at end of file
diff --git a/src/app/pages/grid/grid.component.html b/src/app/pages/grid/grid.component.html
index 5134f215..b6a9e3a1 100644
--- a/src/app/pages/grid/grid.component.html
+++ b/src/app/pages/grid/grid.component.html
@@ -1,24 +1,23 @@
-<div class="flex justify-center">
-  <div class="w-64 md:w-96 text-center">
-    <div class="flex flex-col gap-6">
-      <p class="text-blue-brand padded-cell-day text-left font-bold text-2xl">
-        {{ day }}
-      </p>
+<p class="text-blue-brand padded-cell-day font-bold text-1xl">
+  {{ day }}
+</p>
+<div>
+    <div class="flex flex-col">
 
       <p-progressSpinner *ngIf="loadingSchedule; else scheduleTable"></p-progressSpinner>
 
       <ng-template #scheduleTable>
-        <div class="overflow-x-auto">
-          <table class="center-table my-6">
-            <caption>Programação diária</caption>
-            <tr>
-              <th class="padded-cell">Horário</th>
-              <th class="text-left">Atividade</th>
-            </tr>
+        <div class="overflow-x-auto padded-cell">
+          <table>
+            <caption>
+              <div>
+                &nbsp;
+              </div>
+            </caption>
             <tbody>
               <tr *ngFor="let item of schedule">
-                <td class="padded-cell">{{ item.time }}</td>
-                <td class="text-left">{{ item.activity }}</td>
+                <td>{{ item.time }}</td>
+                <td>{{ item.activity }}</td>
               </tr>
             </tbody>
           </table>
@@ -29,5 +28,4 @@
         <button id="redirectBack" class="text-blue-brand px-4 py-2 rounded-md" (click)="redirectBack()">Voltar</button>
       </div>
     </div>
-  </div>
 </div>