Bug 513471 - Optimize git page left panel shrink behaviour

Change-Id: I184ef2d7932192b656c5883835528f4ba6d4b3c5
Signed-off-by: Sidney <xinyij@ca.ibm.com>
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 14b8e14..fbee7f2 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
@@ -184,6 +184,8 @@
 
 .sidebar .sectionWrapper.sectionOpened {
 	background-color: white;
+	min-width: 140px;
+	display: flex;
 }
 
 .sidebar > .sectionTable {
@@ -576,6 +578,7 @@
 	font-size: 12px;
 	font-weight: normal !important;
 	padding-bottom: 3px;
+	white-space: nowrap;
 }
 
 .gitCommitListLoaded {
@@ -604,8 +607,8 @@
 .gitCommitListSectionTitle {
 	font-size: 8.5pt;
 	/* text-transform: uppercase; */
-	margin-top: 4px;
 	color: #3B4B54;
+	white-space: nowrap;
 }
 
 .checkedRow .gitCommitListSectionTitle {
@@ -885,6 +888,24 @@
 .checkedRow .commitActions {
 	display: block;
 }
+.commandList.sectionActions {
+	display: inline-flex;
+	margin-top: 0;
+}
+
+.gitListCell .commandList.layoutRight{
+	display: inline-flex;
+}
+.dropdownTrigger.commandButton{
+	white-space: nowrap;
+}
+.toolbarTarget .sectionAnchor.sectionTitle.layoutLeft{
+	min-width: 90px;
+    flex: 1 1 auto;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+}
 
 .git-sprite-notsure{ background-position: 0 -216px; width: 16px; height: 16px; } 
 
diff --git a/bundles/org.eclipse.orion.client.git/web/git/git-repository.css b/bundles/org.eclipse.orion.client.git/web/git/git-repository.css
index 5821846..906e2ae 100644
--- a/bundles/org.eclipse.orion.client.git/web/git/git-repository.css
+++ b/bundles/org.eclipse.orion.client.git/web/git/git-repository.css
@@ -22,10 +22,11 @@
 }
 
 .stretch {
-	white-space:normal;
+	white-space:nowrap;
 	flex: 1 1 auto;
 	-ms-flex: 1 1 auto;
 	-webkit-flex: 1 1 auto;
+	 width: 80px;
 }
 
 html[dir="rtl"] .stretch { /* ACGC */