Task 54377 - Ensure Web IDE looks good on small screen (1024x768)origin/Task54377

6 files changed, 21 insertions, 22 deletions

diff --git a/bundles/org.eclipse.orion.client.git/web/git/css/git.css b/bundles/org.eclipse.orion.client.git/web/git/css/git.css
index 60d676c..6cc4360 100644
--- a/bundles/org.eclipse.orion.client.git/web/git/css/git.css
+++ b/bundles/org.eclipse.orion.client.git/web/git/css/git.css
@@ -147,12 +147,12 @@
 }
 
 .innerPanels {
-	margin: 20px;
+	margin: 5px;
 	width: calc(100% - 2px)
 }
 
 .fixedToolbarHolder {
-	width: calc(100% - 16px);
+	width: calc(100% - 2px);
 	overflow: hidden;
 }
 
diff --git a/bundles/org.eclipse.orion.client.ui/web/css/controls.css b/bundles/org.eclipse.orion.client.ui/web/css/controls.css
index c24e110..f7de83f 100644
--- a/bundles/org.eclipse.orion.client.ui/web/css/controls.css
+++ b/bundles/org.eclipse.orion.client.ui/web/css/controls.css
@@ -1195,7 +1195,7 @@ html[dir="rtl"] .modifiedFileMarker{ /* ACGC */
 	border-collapse: collapse;

 	border-spacing: 0;

 	padding: 0;

-	margin-top: 40px;

+	margin-top: 5px;

 	overflow-y: hidden; /* prevent vertical scrollbar from showing during expand/collapse */

 }

 

@@ -1216,8 +1216,8 @@ html[dir="rtl"] .sectionWrapper, html[dir="rtl"] .sectionTable{ /* ACGC */
 

 .sectionTable {

 	margin-top: 0;

-	margin-left: 8%;

-	margin-right: 8%;

+	margin-left: 5px;

+	margin-right: 5px;

 	border: 1px solid #f1f3f4;

 	-webkit-transition: all 0.1s ease, left 0;

 	transition: all 0.1s ease, left 0;

@@ -1232,7 +1232,7 @@ html[dir="rtl"] .sectionWrapper, html[dir="rtl"] .sectionTable{ /* ACGC */
 }

 

 .sectionTable:last-child {

-	margin-bottom: 20px;

+	margin-bottom: 5px;

 }

 

 .sectionTable.sectionClosed {

@@ -1244,8 +1244,8 @@ html[dir="rtl"] .sectionWrapper, html[dir="rtl"] .sectionTable{ /* ACGC */
 

 .sectionWrapper{

 	border: 1px solid;

-	margin-left: 8%;

-	margin-right: 8%;

+	margin-left: 5px;

+	margin-right: 5px;

 	background: none repeat scroll 0 0 #f4f4f4;

 	vertical-align: middle;

 	font-weight: bold;

diff --git a/bundles/org.eclipse.orion.client.ui/web/css/layout_common.css b/bundles/org.eclipse.orion.client.ui/web/css/layout_common.css
index 0760827..615aa64 100644
--- a/bundles/org.eclipse.orion.client.ui/web/css/layout_common.css
+++ b/bundles/org.eclipse.orion.client.ui/web/css/layout_common.css
@@ -21,12 +21,12 @@ hard-coded numbers elsewhere.
 

 /* $HeaderHeight */

 .headerLayout {

-	height: 50px;

+	height: 35px;

 }

 

 /* $ToolbarHeight */

 .toolbarLayout {

-	height: 50px;

+	height: 35px;

 	

 	display: -webkit-box;

 	display: -moz-box;

@@ -134,7 +134,7 @@ hard-coded numbers elsewhere.
     top: 0;

 	/* bottom: 36px; $FooterHeight + footer border (1px) */    

     bottom: 0;

-    left: 50px;

+    left: 35px;

     right: 0;

     background: #3b4b54;
 	/*margin-bottom: 29px;*/

@@ -324,7 +324,7 @@ hard-coded numbers elsewhere.
 

 .toolbarTarget {

 	position: absolute;

-	top: 50px;  /* $ToolbarHeight + 2 */

+	top: 35px;  /* $ToolbarHeight + 2 */

  	width: 100%;

  	overflow-y: auto;

 }

@@ -335,11 +335,11 @@ hard-coded numbers elsewhere.
 

 .pageLayoutTarget {

 	position: absolute;

- 	width: calc( 100% - 60px );

+ 	width: calc( 100% - 15px );

  	bottom: 0;

  	overflow-y: auto;

 	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); /* 0 0 0 1px #d1d1d1,0 0 4px 1px #ccc; */

-	margin: 20px;

+	margin: 5px;

 	margin-right: 0;

 	padding-top: 10px;

 	padding-bottom: 5px;

@@ -554,7 +554,7 @@ and (max-device-width : 1024px)  {
 /* ----- side menu begin ----- */

 

 .sideMenu{

-    width: 50px;

+    width: 35px;

     background: #26343F;
 	float: left;

     position: absolute;

@@ -591,7 +591,7 @@ and (max-device-width : 1024px)  {
 

 .sideMenuHome{

 	width: 100%;

-	height: 50px;

+	height: 35px;

 }

 

 .sideMenuList{

@@ -797,13 +797,13 @@ and (max-device-width : 1024px)  {
 

 .mainContent{

 	position:absolute;

-	left:50px;

+	left:35px;

 }

 

 .innerPanels{

 	position:absolute;

 	width:100%;

-	top:50px;

+	top:35px;

 	bottom:0;

 }

 

diff --git a/bundles/org.eclipse.orion.client.ui/web/css/theme_common.css b/bundles/org.eclipse.orion.client.ui/web/css/theme_common.css
index 54034a8..e0c459f 100644
--- a/bundles/org.eclipse.orion.client.ui/web/css/theme_common.css
+++ b/bundles/org.eclipse.orion.client.ui/web/css/theme_common.css
@@ -275,7 +275,7 @@ a.breadcrumb.currentLocation {
 .mainpane {
 	border: 0;
 	background: #3B4B54 !important;
-	padding-right:20px;
+	padding-right:5px;
 }
 
 .mainToolbar {
diff --git a/bundles/org.eclipse.orion.client.ui/web/orion/widgets/projects/RunBar.css b/bundles/org.eclipse.orion.client.ui/web/orion/widgets/projects/RunBar.css
index 6b1f13f..5acfbd1 100644
--- a/bundles/org.eclipse.orion.client.ui/web/orion/widgets/projects/RunBar.css
+++ b/bundles/org.eclipse.orion.client.ui/web/orion/widgets/projects/RunBar.css
@@ -24,7 +24,6 @@
 	border-radius: 5px;
 	display: inline-block;
 	margin: 0 8px 0 0;
-	min-height: 20px;
 	min-width: 270px;
 	transition: opacity 0.3s ease;
 	z-index: 60;
diff --git a/bundles/org.eclipse.orion.client.ui/web/settings/settings.css b/bundles/org.eclipse.orion.client.ui/web/settings/settings.css
index 6379c6d..56f4731 100644
--- a/bundles/org.eclipse.orion.client.ui/web/settings/settings.css
+++ b/bundles/org.eclipse.orion.client.ui/web/settings/settings.css
@@ -34,12 +34,12 @@
 }
 
 .innerPanels {
-	margin: 20px;
+	margin: 5px;
 	width: calc(100% - 2px)
 }
 
 .fixedToolbarHolder {
-	width: calc(100% - 16px);
+	width: calc(100% - 2px);
 	overflow: hidden;
 }