From 50d5c92474ff1cb8b110f0943892934ab94bafe7 Mon Sep 17 00:00:00 2001
From: jarbascjunior2 <jarbas.c.junior@gmail.com>
Date: Tue, 27 Aug 2024 17:50:56 -0300
Subject: [PATCH] ajustments of the fields

ajustments of the fields
---
 .../sinistros_e_monstros.html                 | 65 +++++++++++--------
 1 file changed, 37 insertions(+), 28 deletions(-)

diff --git a/sinistros_e_monstros/sinistros_e_monstros.html b/sinistros_e_monstros/sinistros_e_monstros.html
index cbad4d5e420..e7704ed028b 100644
--- a/sinistros_e_monstros/sinistros_e_monstros.html
+++ b/sinistros_e_monstros/sinistros_e_monstros.html
@@ -1,57 +1,66 @@
-<link href="file:///C|/Users/jarba/Documents/Site sem nome 2/sinistros_e_monstros.css" rel="stylesheet" type="text/css">
+<link href="sinistros_e_monstros.css" rel="stylesheet" type="text/css">
+
 <div class="ficha-personagem">
-   
- <div class="titulo">
+    <div class="titulo" style="text-align: center;">
         <h2>Boletim Escolar</h2>
     </div>
+    
     <div class="cabecalho">
-		
         <div class="info-pessoal">
             <h2>Informações Pessoais</h2>
-            <label>Nome:</label>
-            <input type="text" class="input-text"><br>
-            <label>Idade:</label>
-            <input type="text" class="input-text"><br>
-            <label>Tipo:</label>
-            <input type="text" class="input-text">
+            <div class="input-with-text-below char-name">
+                <span>Nome:</span>
+                <input name="attr_nome" type="text" class="input-text" spellcheck="false" value="">
+            </div>
+            <div class="input-with-text-below char-idade">
+                <span>Idade:</span>
+                <input name="attr_idade" type="text" class="input-text" spellcheck="false" value="">
+            </div>
+            <div class="input-with-text-below char-tipo">
+                <span>Tipo:</span>
+                <input name="attr_tipo" type="text" class="input-text" spellcheck="false" value="">
+            </div>
         </div>
+        
         <div class="idade-mental">
-            <label>Idade Mental:</label><br>
-            <input type="radio" name="idade-mental" id="infantil">
+            <h2>Idade Mental</h2>
+            <input type="radio" name="attr_idade_mental" id="infantil" value="Infantil">
             <label for="infantil">Infantil (4D1)</label><br>
-            <input type="radio" name="idade-mental" id="juvenil">
+            <input type="radio" name="attr_idade_mental" id="juvenil" value="Juvenil">
             <label for="juvenil">Juvenil (5D1)</label><br>
-            <input type="radio" name="idade-mental" id="jovem">
+            <input type="radio" name="attr_idade_mental" id="jovem" value="Jovem">
             <label for="jovem">Jovem (6D1)</label><br>
-            <input type="radio" name="idade-mental" id="maduro">
+            <input type="radio" name="attr_idade_mental" id="maduro" value="Maduro">
             <label for="maduro">Maduro</label>
         </div>
     </div>
     
-    <div class="trama-treco">
-        <div class="trama">
+    <div class="columns">
+        <div class="column">
             <h2>Trama</h2>
-            <textarea rows="4" cols="25"></textarea>
+            <textarea name="attr_trama" rows="4" cols="25"></textarea>
         </div>
-        <div class="treco">
+        <div class="column">
             <h2>Trecos</h2>
-            <textarea rows="4" cols="25"></textarea>
+            <textarea name="attr_trecos" rows="4" cols="25"></textarea>
         </div>
     </div>
 
-    <div class="anotacoes">
-        <h2>Anotações</h2>
-        <textarea rows="4" cols="50"></textarea>
+    <div class="columns">
+        <div class="column-full">
+            <h2>Anotações</h2>
+            <textarea name="attr_anotacoes" rows="4" cols="50"></textarea>
+        </div>
     </div>
 
-    <div class="coisas">
-        <div class="coisas-adulto">
+    <div class="columns">
+        <div class="column">
             <h2>Coisas de Adulto</h2>
-            <textarea rows="4" cols="25"></textarea>
+            <textarea name="attr_coisas_adulto" rows="4" cols="25"></textarea>
         </div>
-        <div class="coisas-crianca">
+        <div class="column">
             <h2>Coisas de Criança</h2>
-            <textarea rows="4" cols="25"></textarea>
+            <textarea name="attr_coisas_crianca" rows="4" cols="25"></textarea>
         </div>
     </div>
 </div>