Uploaded image for project: 'IGB'
  1. IGB
  2. IGBF-2706

Right-align elements appearing on the right side of appstore home page

    Details

    • Type: Improvement
    • Status: Closed (View Workflow)
    • Priority: Major
    • Resolution: Done
    • Affects Version/s: None
    • Fix Version/s: None
    • Labels:
      None

      Description

      Depending on the width of the page, the right sides of graphical elements do not line up, which looks a bit weird. It would be better if they were lined up so that their right side boundaries are in alignment.

      Please see attached image.

        Attachments

          Activity

          Show
          sameer Sameer Shanbhag (Inactive) added a comment - Pull Request Submitted: https://bitbucket.org/lorainelab/appstore/pull-requests/253/igbf-2706
          Hide
          ann.loraine Ann Loraine added a comment -

          Merged and deployed to https://devappstore3.bioviz.org.
          Is this ready for testing now, or are you planning to submit a new PR with this issue?

          Show
          ann.loraine Ann Loraine added a comment - Merged and deployed to https://devappstore3.bioviz.org . Is this ready for testing now, or are you planning to submit a new PR with this issue?
          Hide
          chirag24 Chirag Chandrahas Shetty (Inactive) added a comment -

          Tested the application at different zoom levels on devappstore3 using chrome. Since we are using bootstrap output might differ on screen size.
          1) 100%: Was able to see only two app tiles in one row but the install IGB button and orange horizontal line are aligned.

          2) 80%: Three app tiles are aligned in one row but install IGB button goes out of the screen.

          3) 50%: Three app tiles are aligned in one row, but the right alignment is off.

          Sai Supreeth Segu: Please check the alignment on your machine also.

          Show
          chirag24 Chirag Chandrahas Shetty (Inactive) added a comment - Tested the application at different zoom levels on devappstore3 using chrome. Since we are using bootstrap output might differ on screen size. 1) 100%: Was able to see only two app tiles in one row but the install IGB button and orange horizontal line are aligned. 2) 80%: Three app tiles are aligned in one row but install IGB button goes out of the screen. 3) 50%: Three app tiles are aligned in one row, but the right alignment is off. Sai Supreeth Segu : Please check the alignment on your machine also.
          Hide
          ann.loraine Ann Loraine added a comment -

          The top elements (upper menu bar, orange line) are in alignment, which improves the appearance. Sameer Shanbhag is working on making some changes which will likely address problems with getting the app tiles to appear together in a row of three tiles at 100%. I think it would be OK to move this to "Done" unless there are some easy fast corrections that can be made.

          Show
          ann.loraine Ann Loraine added a comment - The top elements (upper menu bar, orange line) are in alignment, which improves the appearance. Sameer Shanbhag is working on making some changes which will likely address problems with getting the app tiles to appear together in a row of three tiles at 100%. I think it would be OK to move this to "Done" unless there are some easy fast corrections that can be made.
          Hide
          ssegu Sai Supreeth Segu (Inactive) added a comment -

          This looks same on Mac OS as well. Moving this ticket to done.

          Show
          ssegu Sai Supreeth Segu (Inactive) added a comment - This looks same on Mac OS as well. Moving this ticket to done.

            People

            • Assignee:
              sameer Sameer Shanbhag (Inactive)
              Reporter:
              ann.loraine Ann Loraine
            • Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: