Uploaded image for project: 'OCMUI - OpenShift Cluster Manager UI'
  1. OCMUI - OpenShift Cluster Manager UI
  2. OCMUI-2164

[OCMUI]Look and feel of "Browse" and "Cancel" button seems like overlapped in the IDP forms

    • False
    • Hide

      None

      Show
      None
    • False
    • OCMUI Core Sprint 257, OCMUI Core Sprint 258

      Description of problem:

      In various IDP forms in OCM UI, the "Browser" and "Cancel" buttons for file upload section seems like overlapped or attached. It create a bad visual experience and UX. Probably a white space between each buttons would make better visual experience.

       

      How reproducible:

      always

      Steps to Reproduce:

      1. Open OCM UI staging 
      2. Open a ready OSD/ROSA cluster.
      3. Go to "Access control" tab > Identity provider section
      4. Select "GitLab" IDP 
      5. See the "CA file" field and button definitions.

      Actual results:

      Look and feel of "Browse" and "Cancel" button seems like overlapped in the IDP forms (ex: Gitlab IDP section)

      Expected results:

      Improve the visual experience of these buttons by including white space to separate each other.

        1. image-2024-08-08-12-22-20-348.png
          64 kB
          Jayakrishnan Mekkattillam
        2. Screenshot from 2024-08-19 17-36-46.png
          107 kB
          Jayakrishnan Mekkattillam
        3. Screenshot from 2024-08-19 17-37-33.png
          57 kB
          Jayakrishnan Mekkattillam
        4. Screenshot from 2024-08-19 17-37-50.png
          47 kB
          Jayakrishnan Mekkattillam
        5. Screenshot from 2024-08-19 17-38-09.png
          40 kB
          Jayakrishnan Mekkattillam
        6. Screenshot from 2024-08-19 17-38-22.png
          63 kB
          Jayakrishnan Mekkattillam

            emingora Enrique Mingorance Cno
            jmekkatt@redhat.com Jayakrishnan Mekkattillam
            Jayakrishnan Mekkattillam Jayakrishnan Mekkattillam
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: