Bug 1301257

Summary: When the CloudForms UI window is less that 1,075 pixels wide it breaks formatting (mobile?)
Product: Red Hat CloudForms Management Engine Reporter: Mike Dahlgren <mdahlgre>
Component: UI - OPSAssignee: Dan Clarizio <dclarizi>
Status: CLOSED NOTABUG QA Contact: Dave Johnson <dajohnso>
Severity: unspecified Docs Contact:
Priority: unspecified    
Version: 5.5.0CC: hkataria, jhardy, liko, mdahlgre, mpovolny, obarenbo
Target Milestone: GAKeywords: Reopened
Target Release: 5.6.0   
Hardware: Unspecified   
OS: Unspecified   
Whiteboard:
Fixed In Version: Doc Type: Bug Fix
Doc Text:
Story Points: ---
Clone Of: Environment:
Last Closed: 2016-01-25 15:27:30 UTC Type: Bug
Regression: --- Mount Type: ---
Documentation: --- CRM:
Verified Versions: Category: ---
oVirt Team: --- RHEL 7.3 requirements from Atomic Host:
Cloudforms Team: --- Target Upstream Version:
Attachments:
Description Flags
Dashboard when less than 1,075 pixels wide
none
Dashboard when greater than 1,075 pixels wide (Correct)
none
Login page when less than 1,075 pixels wide none

Description Mike Dahlgren 2016-01-23 06:34:43 UTC
Created attachment 1117410 [details]
Dashboard when less than 1,075 pixels wide

Description of problem:
When viewing the CloudForms UI through a web browser with a horizontal resolution less than 1,075 pixels CloudForms switches into what appears to be a mobile mode which looks broken and causes significant customer confusion.

The argument could be made that everyone will now be viewing CloudForms on high resolution displays and this is a non-issue.  However for customer presentation purposes it is common to have demo using using projectors which commonly have resolutions of 1024x768, which will not render any pages correctly.

Attached are three screenshots with a pixel ruler.  
showing how drastically CloudForms switches from the "correct" appearance to one that appears broke.

Version-Release number of selected component (if applicable):
CloudForms 4.0

How reproducible: 

100% of time


Steps to Reproduce:
1.Open CloudForms to any page. 
2.Reduce the width of the web browser to less that 1,075 pixes wide
3.Explain to others that this is not a bug.

Actual results:
CloudForms switches mode to what appears broken.  Pictures attached.

Expected results:
Cloudforms should be able to gracefully re-size down to lower than the resolution of a projector. (800x600)

Additional info:

Comment 1 Mike Dahlgren 2016-01-23 06:35:38 UTC
Created attachment 1117411 [details]
Dashboard when greater than 1,075 pixels wide (Correct)

Comment 2 Mike Dahlgren 2016-01-23 06:36:25 UTC
Created attachment 1117412 [details]
Login page when less than 1,075 pixels wide