Responsiveness improvements

Gaurav0 · Gaurav0 · commit 6be3f730b2c1 · 2014-11-09T06:51:29.000-08:00
diff --git a/app/styles/app.css b/app/styles/app.css
@@ -27,6 +27,7 @@ nav li:first-of-type {
 
 .ui-progressbar {
     width: 50%;
+    min-width: 600px;
     heigth: 30px;
     position: relative;
 }
@@ -43,17 +44,21 @@ nav li:first-of-type {
 
 .ui-slider {
     width: 50%;
+    min-width: 600px;
     display: inline-block;
 }
 
 .ui-accordion {
+    min-width: 600px;
     width: 50%;
 }
 
-.ui-tabs .ui-tabs {
-    width: 50%;
+.ui-tabs {
+    width: 100%;
+    min-width: 640px;
 }
 
-.ui-tabs, .ui-tabs-nav, .ui-tabs-panel {
+.ui-tabs .ui-tabs {
     min-width: 600px;
+    width: 50%;
 }

Original file line number	Diff line number	Diff line change
`@@ -27,6 +27,7 @@ nav li:first-of-type {`
`27`	`27`
`28`	`28`	`.ui-progressbar {`
`29`	`29`	`width: 50%;`
	`30`	`+ min-width: 600px;`
`30`	`31`	`heigth: 30px;`
`31`	`32`	`position: relative;`
`32`	`33`	`}`
`@@ -43,17 +44,21 @@ nav li:first-of-type {`
`43`	`44`
`44`	`45`	`.ui-slider {`
`45`	`46`	`width: 50%;`
	`47`	`+ min-width: 600px;`
`46`	`48`	`display: inline-block;`
`47`	`49`	`}`
`48`	`50`
`49`	`51`	`.ui-accordion {`
	`52`	`+ min-width: 600px;`
`50`	`53`	`width: 50%;`
`51`	`54`	`}`
`52`	`55`
`53`		`-.ui-tabs .ui-tabs {`
`54`		`- width: 50%;`
	`56`	`+.ui-tabs {`
	`57`	`+ width: 100%;`
	`58`	`+ min-width: 640px;`
`55`	`59`	`}`
`56`	`60`
`57`		`-.ui-tabs, .ui-tabs-nav, .ui-tabs-panel {`
	`61`	`+.ui-tabs .ui-tabs {`
`58`	`62`	`min-width: 600px;`
	`63`	`+ width: 50%;`
`59`	`64`	`}`