Fixed scroll issues in left panel (again)

frontend/delta/css/clipperz.css

@@ -636,7 +636,7 @@ html {
   -moz-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
-  min-height: 100%; }
+  height: 100%; }
   #selections ul.defaultSet {
     -webkit-box-flex: none;
     -webkit-flex: none;
@@ -717,6 +717,8 @@ html {
       width: 100%;
       height: 100%;
       margin: 0 auto; }
+  #mainPanel.narrow {
+    transition: left 0.3s ease-in-out; }
     #mainPanel.narrow .container {
       width: 100%;
       height: 100%;
@@ -1742,7 +1744,8 @@ div.dialogBox {
       border: 0px;
       border-bottom: 1px solid #333;
       outline: none;
-      margin-right: 10px; }
+      margin-right: 10px;
+      width: 210px; }
       #selections .search form div input::-webkit-input-placeholder {
         font-style: italic;
         color: #ccc; }

frontend/delta/scss/core/layout.scss

@@ -50,7 +50,8 @@ html {
 #selections {
 	@include flexbox();
 	@include flex-direction(column);
-	min-height: 100%;
+//	min-height: 100%;
+	height: 100%;
 
 	ul.defaultSet {
 		@include flex(none);
@@ -101,7 +102,7 @@ html {
 			
 			&.selection {
 				@include flex($selectionPanelFlexWidth, 0);
-//				heig ht: 100%;
+//				height: 100%;
 //				@include overflow-scroll;
 			}
 			
@@ -132,7 +133,7 @@ html {
 	}
 
 	&.narrow {
-//		transition: left 0.3s ease-in-out;
+		transition: left 0.3s ease-in-out;
 		.container {
 			@include sliding-panel-container();
 		}

frontend/delta/scss/style/selectionPanel.scss

@@ -93,6 +93,9 @@ refer to http://www.clipperz.com.
 //					width: 100%;
 //					box-sizing:border-box;
 
+					// Is it too ugly? --Dario
+					width: $selectionPanelWidth - $iconColumnWidth;
+
 					@include placeholder {
 						font-style: italic;
 						color: #ccc;