[
https://issues.apache.org/jira/browse/AMBARI-15310?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=15183796#comment-15183796
]
Keta Patel commented on AMBARI-15310:
-------------------------------------
Please find attached the updated patch named "AMBARI-15310_Mar07.patch" and the
screenshot named "Updated fix (Mar-07)" to show the final fix in spacing.
The following are the overall changes made:
1.) Individual CSS classes are created to provide styling for the <div> blocks
(left to right).
1.1) For the status icons, a width of 6% is assigned. A padding of 5px is
also added to the right edge.
Lack of this padding becomes noticeable while zooming in.
1.2) For the service names, width of 77% is assigned (after adjusting with
the other <div> blocks).
This block is allowed to break on white-space and between words to
fit in the service names.
1.3) For the refresh icon, width of 6% is assigned. It is floated to the
right so that the icon appears
just before the button for the component.
1.4) For the medkit icon, width of 6% is assigned. It is floated to the
left so that it is seen immediately to the
right of the Service Name block. A padding of 3px is provided on the
left edge to maintain proper distance
from the Service Name block.
2.) The space ( ) following the Service Name is removed as we no longer
need it to provide spacing before the subsequent refresh/medkit icons.
3.) For the "Clients" that appear in the last line, the button was not in line
with all the other buttons above it.
Adding the class "pull-right" to the <div> for this button aligns it
correctly.
> Host Service Summary Page does not display long service names well
> ------------------------------------------------------------------
>
> Key: AMBARI-15310
> URL: https://issues.apache.org/jira/browse/AMBARI-15310
> Project: Ambari
> Issue Type: Bug
> Components: ambari-web
> Affects Versions: trunk
> Reporter: Keta Patel
> Assignee: Keta Patel
> Priority: Minor
> Labels: ambari-web
> Attachments: AMBARI-15310.patch, AMBARI-15310_Mar07.patch, Fixed
> spacing with long service name.tiff, Original spacing with long service
> name.tiff, Updated Fix (Mar-07).tiff
>
>
> In Ambari UI, navigate to Hosts and click on the hostname where the service
> is installed. The summary page displays the list of services installed.
> Observe that longer service names does not display well. The refresh icon
> etc. spills to the next line (see attachment "Original spacing with long
> service name").
> Also, note the indentation of the last button for Clients does not align well
> with the buttons above it.
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)
