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

Modify header styling to improve appearance when screen is smaller

    Details

    • Type: Task
    • Status: Closed (View Workflow)
    • Priority: Major
    • Resolution: Done
    • Affects Version/s: None
    • Fix Version/s: None
    • Labels:
      None
    • Story Points:
      0.5
    • Sprint:
      Winter 1 Dec 28 - Jan 8, Winter 2 Jan 11 - Jan 22, Winter 3 Jan 25 - Feb 5, Winter 4 Feb 8 - Feb 19, Winter 5 Feb 22 - Mar 5

      Description

      When viewing app store on a narrower screen, the column components of the header move from horizontal layout to vertical layout.

      This is behavior is basically what we want, but unfortunately the layout of the elements when in the narrower view mode looks weird. See attached.

      Note how the App Store title is left justified, the middle component ("Curious About App Store? Watch a Demo") is center-justified, and the last element (Submit App button and login icon) is right justified.

      As a result, when the three components move from horizontal to vertical layout, they look really weird together. Also, notice how there is no whitespace separating the text from the left edge of the window.

      For this task, please try to modify the styling of the header so that it looks better when the page is narrower.

        Attachments

          Activity

            People

            • Assignee:
              ssegu Sai Supreeth Segu (Inactive)
              Reporter:
              ann.loraine Ann Loraine
            • Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: