From 28ca1ff5de9f4293a6ea3dfb723dacdb4ed0ca71 Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Mon, 13 Sep 2021 22:50:08 +0300
Subject: [PATCH] Fix header size (#191)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
 .../src/components/CreateVacancy.svelte                |  2 +-
 .../workbench-resources/src/components/Header.svelte   |  4 ++--
 .../src/components/SpaceHeader.svelte                  | 10 +++-------
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/plugins/recruit-resources/src/components/CreateVacancy.svelte b/plugins/recruit-resources/src/components/CreateVacancy.svelte
index 08015f8499..6dced5d429 100644
--- a/plugins/recruit-resources/src/components/CreateVacancy.svelte
+++ b/plugins/recruit-resources/src/components/CreateVacancy.svelte
@@ -58,7 +58,7 @@
         on:close={() => { dispatch('close') }}>
   <Section icon={IconFile} label={'General Information'}>
     <Grid column={1}>
-      <EditBox label={recruit.string.VacancyName} bind:value={name} placeholder="Software Engineer" focus/>
+      <EditBox label={recruit.string.VacancyName} bind:value={name} placeholder="Software Engineer" maxWidth="39rem" focus/>
       <TextArea label={recruit.string.VacancyDescription} bind:value={description} placeholder="Start typing..."/>
       <ToggleWithLabel label={recruit.string.MakePrivate} description={recruit.string.MakePrivateDescription}/>
     </Grid>
diff --git a/plugins/workbench-resources/src/components/Header.svelte b/plugins/workbench-resources/src/components/Header.svelte
index 5064db6499..852257a612 100644
--- a/plugins/workbench-resources/src/components/Header.svelte
+++ b/plugins/workbench-resources/src/components/Header.svelte
@@ -23,7 +23,7 @@
 </script>
 
 <div class="header-container">
-  <div class="flex-center">
+  <div class="flex-row-center">
     {#if icon }<span class="icon"><Icon {icon} size={'small'}/></span>{/if}
     <span class="label">{label}</span>
   </div>
@@ -35,7 +35,6 @@
     display: flex;
     flex-direction: column;
     flex-grow: 1;
-    width: 100%;
 
     .icon {
       margin-right: .5rem;
@@ -46,6 +45,7 @@
       white-space: nowrap;
       text-overflow: ellipsis;
       overflow: hidden;
+      max-width: 35rem;
     }
     .label {
       font-weight: 500;
diff --git a/plugins/workbench-resources/src/components/SpaceHeader.svelte b/plugins/workbench-resources/src/components/SpaceHeader.svelte
index d5320b25f5..2f470d4e8b 100644
--- a/plugins/workbench-resources/src/components/SpaceHeader.svelte
+++ b/plugins/workbench-resources/src/components/SpaceHeader.svelte
@@ -41,7 +41,7 @@
   }
 </script>
 
-<div class="container" class:bottom-divider={divider}>
+<div class="spaceheader-container" class:bottom-divider={divider}>
   {#if data}
     <Header icon={classIcon(client, data._class)} label={data.name} description={data.description} />
     {#if createItemDialog}
@@ -54,19 +54,15 @@
 </div>
 
 <style lang="scss">
-  // .container {
-  //   display: flex;
-  // }
-  .container {
+  .spaceheader-container {
     display: grid;
     grid-template-columns: auto;
     grid-auto-flow: column;
-    grid-auto-columns: minmax(min-content, auto);
+    grid-auto-columns: min-content;
     gap: .75rem;
     align-items: center;
     padding: 0 2rem 0 2.5rem;
     height: 4.5rem;
     min-height: 4.5rem;
-    max-width: max-content;
   }
 </style>