Reduce age input text form

f3rn4nd0-c354r · Oct 24, 2023 · c5f9efb · c5f9efb
1 parent bb8026d
commit c5f9efb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -45,16 +45,16 @@ <h1 class="page-title">Concursos Literários em Português ✒</h1>
                         </b-row>
                         <b-row>
                             <b-col cols="2"></b-col>
-                            <b-col cols="3">
+                            <b-col cols="2">
                                 (idade) Tenho &nbsp;
                             </b-col>
                             <b-col>
-                                <input v-model="ageFilter" type="text" class="form-contro">&nbsp; anos.
+                                <input v-model="ageFilter" type="text" class="age-form">&nbsp; anos.
                             </b-col>
                         </b-row>
                         <b-row>
                             <b-col cols="2"></b-col>
-                            <b-col cols="3">
+                            <b-col cols="2">
                                 Escrevo &nbsp;
                             </b-col>
                             <b-col>

diff --git a/docs/styles.css b/docs/styles.css
@@ -11,6 +11,10 @@ body {
 
 /* Filter section */
 
+input.age-form {
+    width: 3em;
+}
+
 #filters {
     border: solid 2px white;
     border-radius: 10px;