diff --git a/module/my/css/requirement.css b/module/my/css/requirement.css index c21f9cb03d..86ed41a8c0 100644 --- a/module/my/css/requirement.css +++ b/module/my/css/requirement.css @@ -2,7 +2,7 @@ .table tbody > tr.table-children.table-child-top {border-top: 2px solid #cbd0db;} .table tbody > tr.table-children.table-child-bottom {border-bottom: 2px solid #cbd0db;} .table td.has-child > a:not(.story-toggle) {max-width: 90%; max-width: calc(100% - 30px); display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} -.table td.has-child > .story-toggle {color: #838a9d; position: relative; top: 1px;} +.table td.has-child > .story-toggle {color: #838a9d; position: relative; top: 1px; left: 2px;} .table td.has-child > .story-toggle:hover {color: #006af1; cursor: pointer;} .table td.has-child > .story-toggle > .icon {font-size: 16px; display: inline-block; transition: transform .2s; -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);} .table td.has-child > .story-toggle > .icon:before {text-align: left;} diff --git a/module/my/css/story.css b/module/my/css/story.css index be4c747589..50d561ac67 100644 --- a/module/my/css/story.css +++ b/module/my/css/story.css @@ -2,7 +2,7 @@ .table tbody > tr.table-children.table-child-top {border-top: 2px solid #cbd0db;} .table tbody > tr.table-children.table-child-bottom {border-bottom: 2px solid #cbd0db;} .table td.has-child > a:not(.story-toggle) {max-width: 90%; max-width: calc(100% - 30px); display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} -.table td.has-child > .story-toggle {color: #838a9d; position: relative; top: 1px;} +.table td.has-child > .story-toggle {color: #838a9d; position: relative; top: 1px; left: 2px;} .table td.has-child > .story-toggle:hover {color: #006af1; cursor: pointer;} .table td.has-child > .story-toggle > .icon {font-size: 16px; display: inline-block; transition: transform .2s; -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);} .table td.has-child > .story-toggle > .icon:before {text-align: left;} diff --git a/module/product/css/browse.css b/module/product/css/browse.css index dd98a82845..5b3ee20109 100644 --- a/module/product/css/browse.css +++ b/module/product/css/browse.css @@ -21,7 +21,7 @@ a.removeModule:hover {color: red;} .table tbody > tr.table-children.table-child-top {border-top: 2px solid #cbd0db;} .table tbody > tr.table-children.table-child-bottom {border-bottom: 2px solid #cbd0db;} .table td.has-child > a:not(.story-toggle) {max-width: 90%; max-width: calc(100% - 50px); display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} -.table td.has-child > .story-toggle {color: #838a9d; position: relative; top: 1px;} +.table td.has-child > .story-toggle {color: #838a9d; position: relative; top: 1px; left: 2px;} .table td.has-child > .story-toggle:hover {color: #006af1; cursor: pointer;} .table td.has-child > .story-toggle > .icon {font-size: 16px; display: inline-block; transition: transform .2s; -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);} .table td.has-child > .story-toggle > .icon:before {text-align: left;} @@ -41,4 +41,4 @@ a.removeModule:hover {color: red;} #productStoryForm tbody tr td .label {max-width: 100px; text-overflow: unset;} .c-span {margin-left: 19px;} .btn-toolbar #query span.text{overflow: hidden; width: 52px; vertical-align: middle; margin-right: 1px;} -#productStoryForm table thead th.c-title {min-width: 50px;} +#productStoryForm table thead th.c-title {width: 122px;} diff --git a/module/product/js/browse.js b/module/product/js/browse.js index e953e365e8..e4e9e68bb2 100644 --- a/module/product/js/browse.js +++ b/module/product/js/browse.js @@ -11,7 +11,7 @@ $(function() var $title = $('#storyList thead th.c-title'); var headerWidth = $('#storyList thead th.c-title a').innerWidth(); var buttonWidth = $('#storyList thead th.c-title button').innerWidth(); - if($title.width() < headerWidth + buttonWidth) $title.width(headerWidth + buttonWidth + 20); + if($title.width() < headerWidth + buttonWidth + 2) $title.width(headerWidth + buttonWidth + 30); }); $('#storyList td.has-child .story-toggle').each(function()