From 497b9110997979f1d17c40f645cb8df8a9265928 Mon Sep 17 00:00:00 2001
From: Julia Aranovich <jkirnosova@mirantis.com>
Date: Fri, 10 Feb 2017 11:23:08 +0400
Subject: [PATCH] Fix workflows table layout

Also limit length of workflow name and type by 255 symbols.

Closes-Bug: #1663269

Change-Id: Ia5a85164a93dd36332438ff6cd78d5387359ce5d
---
 static/styles/main.less | 1 +
 static/views/dialogs.js | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/static/styles/main.less b/static/styles/main.less
index ab894dcff..d08ea40f5 100644
--- a/static/styles/main.less
+++ b/static/styles/main.less
@@ -5737,6 +5737,7 @@ input[type=range] {
         }
         td {
           width: 40%;
+          .break-word;
           &:nth-child(3), &:nth-child(4) { // actions columns
             width: 10%;
             text-align: center;
diff --git a/static/views/dialogs.js b/static/views/dialogs.js
index fdd37a70c..9a1e3e347 100644
--- a/static/views/dialogs.js
+++ b/static/views/dialogs.js
@@ -1226,8 +1226,8 @@ export var UploadGraphDialog = React.createClass({
 
     return (
       <div className='forms-box upload-graph-form'>
-        <Input {...composeInputProps('name')} />
-        <Input {...composeInputProps('type')} />
+        <Input {...composeInputProps('name')} maxLength='255' />
+        <Input {...composeInputProps('type')} maxLength='255' />
         <Input
           {...composeInputProps('tasks')}
           type='file'