From d7273d091eecd1d89f9ceddbc0496798674761da Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Thu, 2 Dec 2021 12:06:02 +0300
Subject: [PATCH] Update StatePresenetr (#475)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
 packages/theme/styles/_layouts.scss                  |  2 ++
 .../src/components/ApplicationPresenter.svelte       |  2 +-
 .../{LabelStatus.svelte => LabelStatus.txt}          |  0
 .../src/components/StatePresenter.svelte             | 12 +++++-------
 4 files changed, 8 insertions(+), 8 deletions(-)
 rename plugins/recruit-resources/src/components/{LabelStatus.svelte => LabelStatus.txt} (100%)

diff --git a/packages/theme/styles/_layouts.scss b/packages/theme/styles/_layouts.scss
index 9c830ef635..faea730d5b 100644
--- a/packages/theme/styles/_layouts.scss
+++ b/packages/theme/styles/_layouts.scss
@@ -167,6 +167,8 @@ p:last-child { margin-block-end: 0; }
 .sm-tool-icon {
   display: flex;
   align-items: center;
+  flex-wrap: nowrap;
+  white-space: nowrap;
   color: var(--theme-caption-color);
   cursor: pointer;
   .icon {
diff --git a/plugins/recruit-resources/src/components/ApplicationPresenter.svelte b/plugins/recruit-resources/src/components/ApplicationPresenter.svelte
index e1152ae0e9..b2140ca3fc 100644
--- a/plugins/recruit-resources/src/components/ApplicationPresenter.svelte
+++ b/plugins/recruit-resources/src/components/ApplicationPresenter.svelte
@@ -34,5 +34,5 @@ function show () {
 </script>
 
 <div class="sm-tool-icon" on:click={show}>
-  <span class="icon"><IconFile size={'small'}/></span>{shortLabel}-{value.number}
+  <span class="icon"><IconFile size={'small'}/></span>&nbsp;{shortLabel}-{value.number}
 </div>
diff --git a/plugins/recruit-resources/src/components/LabelStatus.svelte b/plugins/recruit-resources/src/components/LabelStatus.txt
similarity index 100%
rename from plugins/recruit-resources/src/components/LabelStatus.svelte
rename to plugins/recruit-resources/src/components/LabelStatus.txt
diff --git a/plugins/view-resources/src/components/StatePresenter.svelte b/plugins/view-resources/src/components/StatePresenter.svelte
index 9a076bbbba..3e12875354 100644
--- a/plugins/view-resources/src/components/StatePresenter.svelte
+++ b/plugins/view-resources/src/components/StatePresenter.svelte
@@ -21,19 +21,17 @@
 
 </script>
 
-<div class="state-container" style="background-color: {value.color}">
+<div class="overflow-label state-container" style="background-color: {value.color}">
   {value.title}
 </div>
 
 <style lang="scss">
   .state-container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: .25rem .75rem;
-    width: fit-content;
+    padding: .25rem .5rem;
+    width: 6.25rem;
+    max-width: 6.25rem;
     text-transform: uppercase;
-    font-weight: 500;
+    text-align: center;
     letter-spacing: .5px;
     font-size: .625rem;
     color: #fff;