From 1ee7f2969fad8bffaef9ff7260f45ca63accffa3 Mon Sep 17 00:00:00 2001 From: jaredevantabor Date: Fri, 3 Mar 2017 18:56:28 -0800 Subject: [PATCH] fixing title styling for survey maker and survey taker for long titles --- awx/ui/client/src/job-submission/job-submission.block.less | 4 +++- .../src/templates/survey-maker/survey-maker.block.less | 5 ++++- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/awx/ui/client/src/job-submission/job-submission.block.less b/awx/ui/client/src/job-submission/job-submission.block.less index eed6b797a5..2597d04f4e 100644 --- a/awx/ui/client/src/job-submission/job-submission.block.less +++ b/awx/ui/client/src/job-submission/job-submission.block.less @@ -23,12 +23,14 @@ .JobSubmission-header { display: flex; flex: 0 0 auto; - align-items: center; } .JobSubmission-title { align-items: center; flex: 1 0 auto; display: flex; + word-wrap: break-word; + word-break: break-all; + max-width: 98%; } .JobSubmission-titleText { color: @list-title-txt; diff --git a/awx/ui/client/src/templates/survey-maker/survey-maker.block.less b/awx/ui/client/src/templates/survey-maker/survey-maker.block.less index 4e3597e7d0..1460807dfc 100644 --- a/awx/ui/client/src/templates/survey-maker/survey-maker.block.less +++ b/awx/ui/client/src/templates/survey-maker/survey-maker.block.less @@ -10,12 +10,14 @@ } .SurveyMaker-header { display: flex; - align-items: center; } .SurveyMaker-title { align-items: center; flex: 1 0 auto; display: flex; + word-wrap: break-word; + word-break: break-all; + max-width: 98%; } .SurveyMaker-titleText { color: @list-title-txt; @@ -23,6 +25,7 @@ font-weight: bold; margin-right: 10px; text-transform: uppercase; + max-width: 50%; } .SurveyMaker-titleLockup { margin-left: 4px;