Text field update

1 files changed, 18 insertions, 21 deletions

diff --git a/tpl/index.pug b/tpl/index.pug
index a6a8f87..365ca52 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -112,28 +112,25 @@ html
             +rule('medium')
 
             +box
-                +text-field(placeholder='Placeholder')
-                br
-                br
-                +text-field(value='Just landed in L.A.')
-                br
-                br
-                +text-field(value='Readonly' readonly=true)
-                br
-                br
-                +text-field(value='Incorrect input' pattern='a+' required=true)
-                br
-                br
-                +text-field(placeholder='Placeholder' disabled=true)
-                br
-                br
-                +text-field(value='Just landed in L.A.' disabled=true)
-                br
-                br
-                +text-field(value='Readonly' readonly=true disabled=true)
-                br
+                div(style={ display: 'flex', gap: '1rem' })
+                    +text-field(placeholder='Placeholder')
+                    +text-field(value='Just landed in L.A.')
+                    +text-field(value='Readonly' readonly=true)
+                    +text-field(value='Incorrect input' pattern='a+' required=true)
                 br
-                +text-field(value='Incorrect input' pattern='a+' required=true disabled=true)
+                div(style={ display: 'flex', gap: '1rem' })
+                    +text-field(placeholder='Placeholder' disabled=true)
+                    +text-field(value='Just landed in L.A.' disabled=true)
+                    +text-field(value='Readonly' readonly=true disabled=true)
+                    +text-field(value='Incorrect input' pattern='a+' required=true disabled=true)
+                br
+                div
+                    +text-field(placeholder='Just landed in L.A.')
+                        +slot('pre')
+                            +action-button(quiet=true selected=true class='l-card__block')= 'Volpeon'
+                        +slot('post')
+                            +action-button(quiet=true icon='smile' class='l-card__block')
+                            +action-button(quiet=true icon='send' class='l-card__block')
 
             //-----------------------------------------