Update StatePresenetr (#475)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>

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 {

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>

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;