mcgilman commented on code in PR #8802:
URL: https://github.com/apache/nifi/pull/8802#discussion_r1596724422


##########
nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/src/app/pages/flow-designer/ui/canvas/items/connection/edit-connection/edit-connection.component.html:
##########
@@ -25,7 +25,7 @@ <h2 mat-dialog-title>
             <mat-dialog-content>
                 @if (breadcrumbs$ | async; as breadcrumbs) {
                     <div class="dialog-tab-content flex gap-x-4">
-                        <div class="w-full">
+                        <div class="w-1/2">

Review Comment:
   Setting the width like this does not work with the flex `gap`. It is taking 
up half of the total width including the `gap`. As a result, the right side is 
too far right. I think you should be able to use `basis-1/2` to give each child 
half of the space. We've done this with ellipsis on the content in other places 
like Enable/Disable Controller Service, the Relationship Settings of Edit 
Processor, and others.
   
   ![Screenshot 2024-05-10 at 9 00 31 
AM](https://github.com/apache/nifi/assets/123395/a19ed0b3-3673-4c0a-b432-6702a7780f01)
   



-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]

Reply via email to