From bf814b5a43f92e8dadca7564e7fbd2bf946382bc Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Fri, 27 Aug 2021 00:22:14 +0300
Subject: [PATCH] EditBox inline (#70)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
 packages/ui/src/components/EditBox.svelte                | 9 +++++++--
 .../recruit-resources/src/components/DialogHeader.svelte | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/EditBox.svelte b/packages/ui/src/components/EditBox.svelte
index bcfc655d3a..becac57264 100644
--- a/packages/ui/src/components/EditBox.svelte
+++ b/packages/ui/src/components/EditBox.svelte
@@ -44,7 +44,7 @@
   })
 </script>
 
-<div class="flex-col" style="{width ? 'width: ' + width : ''}"
+<div class="container" style="{width ? 'width: ' + width : ''}"
   on:click={() => { input.focus() }}
 >
   <div class="hidden-text" bind:this={text}></div>
@@ -57,6 +57,11 @@
 </div>
 
 <style lang="scss">
+  .container {
+    display: inline-flex;
+    flex-direction: column;
+  }
+
   .label {
     margin-bottom: .25rem;
     font-size: .75rem;
@@ -68,7 +73,7 @@
   }
 
   input {
-    height: 1.25rem;
+    height: 1.5rem;
     margin: -4px;
     padding: 2px;
     border: 2px solid transparent;
diff --git a/plugins/recruit-resources/src/components/DialogHeader.svelte b/plugins/recruit-resources/src/components/DialogHeader.svelte
index de3ec93b2f..d8ff144afe 100644
--- a/plugins/recruit-resources/src/components/DialogHeader.svelte
+++ b/plugins/recruit-resources/src/components/DialogHeader.svelte
@@ -51,7 +51,7 @@
     on:drop|preventDefault|stopPropagation={drop}>
   <div class="flex-col-center">
     <div class="avatar"></div>
-    <div class="name"><EditBox placeholder="John"/><EditBox placeholder="Appleseed"/></div>
+    <div class="name"><EditBox placeholder="John"/>&nbsp;<EditBox placeholder="Appleseed"/></div>
     <div class="title">Candidate title</div>
     <!-- <input type="file" name="file" id="file"/> -->
   </div>