commit bffd1e41ebd8ba0a4c35fbd028b591d88288338d
Author: Olga Brani <olgabrani@grnet.gr>
Date:   Fri Dec 20 14:38:57 2013 +0200

    new ui: Fix sidebar list items vertical distance

diff --git a/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
index d3b10e2..7846a2c 100644
--- a/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
+++ b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
@@ -98,7 +98,7 @@
 	width: $width;
 	left:50%;
 	top:$header-height + $bar-height;
-	padding:8px 10px;
+	padding:15px 10px;
 	margin-left:-($row-width - 2*$main-padding-horizontal)/2;
 	@include box-shadow(3px -2px 8px #ccc);
 	background: $bgcolor;
diff --git a/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss
index b7eea78..9c5ab66 100644
--- a/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss
+++ b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss
@@ -171,7 +171,8 @@
 			font-size:emCalc(12px);
 			li  {
 				list-style: none outside none;
-				padding:12px 0 ;
+				height: $list-icon-height;
+				line-height: $list-icon-height;
 				&.select {
 					span {
 						font-size: 16px;
diff --git a/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
index 47fbd59..5d0a641 100644
--- a/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
+++ b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
@@ -7865,7 +7865,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   width: 140px;
   left: 50%;
   top: 110px;
-  padding: 8px 10px;
+  padding: 15px 10px;
   margin-left: -30.625em;
   -moz-box-shadow: 3px -2px 8px #cccccc;
   -webkit-box-shadow: 3px -2px 8px #cccccc;
@@ -7881,79 +7881,80 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
 /* line 172, ../sass/_items-list.scss */
 .list-view .lt-bar ul li, .storage-progress .lt-bar ul li {
   list-style: none outside none;
-  padding: 12px 0;
+  height: 30px;
+  line-height: 30px;
 }
-/* line 176, ../sass/_items-list.scss */
+/* line 177, ../sass/_items-list.scss */
 .list-view .lt-bar ul li.select span, .storage-progress .lt-bar ul li.select span {
   font-size: 16px;
   margin-right: 5px;
   position: relative;
   top: 2px;
 }
-/* line 182, ../sass/_items-list.scss */
+/* line 183, ../sass/_items-list.scss */
 .list-view .lt-bar ul li.select em, .storage-progress .lt-bar ul li.select em {
   display: none;
   font-style: normal;
 }
-/* line 186, ../sass/_items-list.scss */
+/* line 187, ../sass/_items-list.scss */
 .list-view .lt-bar ul li.select:hover, .storage-progress .lt-bar ul li.select:hover {
   color: #30c79e;
   cursor: pointer;
 }
-/* line 194, ../sass/_items-list.scss */
+/* line 195, ../sass/_items-list.scss */
 .list-view .lt-bar ul.lt-actions li a, .storage-progress .lt-bar ul.lt-actions li a {
   color: #bebebe;
 }
-/* line 196, ../sass/_items-list.scss */
+/* line 197, ../sass/_items-list.scss */
 .list-view .lt-bar ul.lt-actions li a:hover, .storage-progress .lt-bar ul.lt-actions li a:hover {
   color: #bebebe;
   cursor: default;
 }
-/* line 200, ../sass/_items-list.scss */
+/* line 201, ../sass/_items-list.scss */
 .list-view .lt-bar ul.lt-actions li a.active, .storage-progress .lt-bar ul.lt-actions li a.active {
   color: #485057;
 }
-/* line 202, ../sass/_items-list.scss */
+/* line 203, ../sass/_items-list.scss */
 .list-view .lt-bar ul.lt-actions li a.active:hover, .storage-progress .lt-bar ul.lt-actions li a.active:hover {
   color: #30c79e;
   cursor: pointer;
 }
-/* line 207, ../sass/_items-list.scss */
+/* line 208, ../sass/_items-list.scss */
 .list-view .lt-bar ul.lt-actions li a span, .storage-progress .lt-bar ul.lt-actions li a span {
   margin-right: 6px;
   width: 14px;
   display: inline-block;
 }
-/* line 211, ../sass/_items-list.scss */
+/* line 212, ../sass/_items-list.scss */
 .list-view .lt-bar ul.lt-actions li a span.snf-folder-move-outline, .storage-progress .lt-bar ul.lt-actions li a span.snf-folder-move-outline {
   font-size: 1.5em;
   position: relative;
 }
-/* line 223, ../sass/_items-list.scss */
+/* line 224, ../sass/_items-list.scss */
 .list-view .lt-bar ul.more li a span, .storage-progress .lt-bar ul.more li a span {
   font-size: 1.5em;
   margin-right: 2px;
 }
-/* line 232, ../sass/_items-list.scss */
+/* line 233, ../sass/_items-list.scss */
 .list-view .items-list, .storage-progress .items-list {
   overflow: hidden;
 }
-/* line 234, ../sass/_items-list.scss */
+/* line 235, ../sass/_items-list.scss */
 .list-view .items-list > li, .storage-progress .items-list > li {
   height: auto;
   width: 100%;
   padding: 15px 15px 15px 140px;
   background-image: none;
 }
-/* line 235, ../sass/_items-list.scss */
+/* line 236, ../sass/_items-list.scss */
 .list-view .items-list > li.selected, .storage-progress .items-list > li.selected {
   background-color: #f0f0f0;
 }
-/* line 243, ../sass/_items-list.scss */
+/* line 244, ../sass/_items-list.scss */
 .list-view .items-list > li:hover, .storage-progress .items-list > li:hover {
   background-color: #f0f0f0;
 }
-/* line 246, ../sass/_items-list.scss */
+/* line 247, ../sass/_items-list.scss */
 .list-view .items-list > li .check, .storage-progress .items-list > li .check {
   width: 60px;
   height: 30px;
@@ -7962,19 +7963,19 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   float: left;
   padding-left: 20px;
 }
-/* line 253, ../sass/_items-list.scss */
+/* line 254, ../sass/_items-list.scss */
 .list-view .items-list > li .check:hover, .storage-progress .items-list > li .check:hover {
   cursor: pointer;
   color: #30c79e;
 }
-/* line 258, ../sass/_items-list.scss */
+/* line 259, ../sass/_items-list.scss */
 .list-view .items-list > li .img-wrap, .storage-progress .items-list > li .img-wrap {
   width: 60px;
   float: left;
   text-align: center;
   height: 30px;
 }
-/* line 263, ../sass/_items-list.scss */
+/* line 264, ../sass/_items-list.scss */
 .list-view .items-list > li .img-wrap .os, .storage-progress .items-list > li .img-wrap .os {
   background: url("../images/os-unknown.png") no-repeat center center;
   width: 14px;
@@ -7990,12 +7991,12 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   margin-left: -7px;
   top: 6px;
 }
-/* line 274, ../sass/_items-list.scss */
+/* line 275, ../sass/_items-list.scss */
 .list-view .items-list > li .img-wrap .snf-font, .storage-progress .items-list > li .img-wrap .snf-font {
   font-size: 30px;
   line-height: 120%;
 }
-/* line 279, ../sass/_items-list.scss */
+/* line 280, ../sass/_items-list.scss */
 .list-view .items-list > li h4, .storage-progress .items-list > li h4 {
   width: 180px;
   overflow: hidden;
@@ -8008,18 +8009,18 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   color: inherit;
   padding-right: 20px;
 }
-/* line 291, ../sass/_items-list.scss */
+/* line 292, ../sass/_items-list.scss */
 .list-view .items-list > li .tags, .storage-progress .items-list > li .tags {
   float: left;
   width: 100px;
   height: 30px;
   line-height: 30px;
 }
-/* line 296, ../sass/_items-list.scss */
+/* line 297, ../sass/_items-list.scss */
 .list-view .items-list > li .tags a, .storage-progress .items-list > li .tags a {
   vertical-align: middle;
 }
-/* line 300, ../sass/_items-list.scss */
+/* line 301, ../sass/_items-list.scss */
 .list-view .items-list > li .size, .list-view .items-list > li .remove, .storage-progress .items-list > li .size, .storage-progress .items-list > li .remove {
   float: left;
   width: 100px;
@@ -8029,7 +8030,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   text-align: left;
   padding-left: 20px;
 }
-/* line 309, ../sass/_items-list.scss */
+/* line 310, ../sass/_items-list.scss */
 .list-view .items-list > li .status, .storage-progress .items-list > li .status {
   position: absolute;
   left: 260px;
@@ -8039,11 +8040,11 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   line-height: 110%;
   width: 240px;
 }
-/* line 317, ../sass/_items-list.scss */
+/* line 318, ../sass/_items-list.scss */
 .list-view .items-list > li .status span, .storage-progress .items-list > li .status span {
   display: inline;
 }
-/* line 321, ../sass/_items-list.scss */
+/* line 322, ../sass/_items-list.scss */
 .list-view .items-list > li .info, .list-view .items-list > li .progress-col, .storage-progress .items-list > li .info, .storage-progress .items-list > li .progress-col {
   float: left;
   width: 220px;
@@ -8052,7 +8053,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   line-height: 30px;
   font-size: 0.75em;
 }
-/* line 329, ../sass/_items-list.scss */
+/* line 330, ../sass/_items-list.scss */
 .list-view .items-list > li .actions, .storage-progress .items-list > li .actions {
   float: left;
   height: 30px;
@@ -8061,11 +8062,11 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   padding: 0 10px;
   top: 2px;
 }
-/* line 337, ../sass/_items-list.scss */
+/* line 338, ../sass/_items-list.scss */
 .list-view .items-list > li .actions a:first-child, .storage-progress .items-list > li .actions a:first-child {
   margin-right: 5px;
 }
-/* line 342, ../sass/_items-list.scss */
+/* line 343, ../sass/_items-list.scss */
 .list-view .items-list > li .actions-col, .list-view .items-list > li .remove, .storage-progress .items-list > li .actions-col, .storage-progress .items-list > li .remove {
   visibility: hidden;
   height: 30px;
@@ -8074,76 +8075,76 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   width: 140px;
   float: left;
 }
-/* line 349, ../sass/_items-list.scss */
+/* line 350, ../sass/_items-list.scss */
 .list-view .items-list > li .actions-col a, .list-view .items-list > li .remove a, .storage-progress .items-list > li .actions-col a, .storage-progress .items-list > li .remove a {
   margin-right: 10px;
 }
-/* line 354, ../sass/_items-list.scss */
+/* line 355, ../sass/_items-list.scss */
 .list-view .items-list > li.add-new:hover, .storage-progress .items-list > li.add-new:hover {
   background: #485057;
 }
-/* line 357, ../sass/_items-list.scss */
+/* line 358, ../sass/_items-list.scss */
 .list-view .items-list > li.add-new .check, .storage-progress .items-list > li.add-new .check {
   visibility: hidden;
 }
-/* line 360, ../sass/_items-list.scss */
+/* line 361, ../sass/_items-list.scss */
 .list-view .items-list > li.add-new h4, .storage-progress .items-list > li.add-new h4 {
   margin: 0;
 }
-/* line 364, ../sass/_items-list.scss */
+/* line 365, ../sass/_items-list.scss */
 .list-view .items-list > li.add-new .img-wrap .symbol, .storage-progress .items-list > li.add-new .img-wrap .symbol {
   font-size: 24px;
 }
-/* line 371, ../sass/_items-list.scss */
+/* line 372, ../sass/_items-list.scss */
 .list-view .items-list > li.building .img-wrap .incomplete, .storage-progress .items-list > li.building .img-wrap .incomplete {
   width: 30px;
   margin: 0 auto;
 }
-/* line 375, ../sass/_items-list.scss */
+/* line 376, ../sass/_items-list.scss */
 .list-view .items-list > li.building .img-wrap .complete, .storage-progress .items-list > li.building .img-wrap .complete {
   top: -30px;
   margin: 0 auto;
 }
 
-/* line 389, ../sass/_items-list.scss */
+/* line 390, ../sass/_items-list.scss */
 .containers .storage .items-list > li:hover {
   background-color: inherit;
 }
 
-/* line 400, ../sass/_items-list.scss */
+/* line 401, ../sass/_items-list.scss */
 .storage .lt-bar .lt-actions .select {
   margin-right: 4px;
 }
 
-/* line 409, ../sass/_items-list.scss */
+/* line 410, ../sass/_items-list.scss */
 .lt-bar .items-list .check, .lt-bar .items-list .actions, .lt-bar .items-list .info {
   display: none;
 }
-/* line 412, ../sass/_items-list.scss */
+/* line 413, ../sass/_items-list.scss */
 .lt-bar .items-list > li {
   background: url(../images/dashed_atom-x.png) repeat-x center bottom;
   padding: 40px;
   height: auto;
 }
-/* line 416, ../sass/_items-list.scss */
+/* line 417, ../sass/_items-list.scss */
 .lt-bar .items-list > li:hover {
   background-color: #bebebe;
 }
-/* line 419, ../sass/_items-list.scss */
+/* line 420, ../sass/_items-list.scss */
 .lt-bar .items-list > li.add-new {
   background-color: #30c79e;
 }
-/* line 421, ../sass/_items-list.scss */
+/* line 422, ../sass/_items-list.scss */
 .lt-bar .items-list > li.add-new:hover {
   background-color: #485057;
 }
-/* line 426, ../sass/_items-list.scss */
+/* line 427, ../sass/_items-list.scss */
 .lt-bar .items-list .container {
   height: 160px;
   position: relative;
   line-height: 120%;
 }
-/* line 430, ../sass/_items-list.scss */
+/* line 431, ../sass/_items-list.scss */
 .lt-bar .items-list .container .tags {
   width: 100%;
   min-height: 12px;
@@ -8152,14 +8153,14 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
 }
 
 /* img-wrap div ( colors & styles ) */
-/* line 443, ../sass/_items-list.scss */
+/* line 444, ../sass/_items-list.scss */
 .img-wrap {
   width: 60px;
   position: relative;
   display: inline-block;
   line-height: 100%;
 }
-/* line 449, ../sass/_items-list.scss */
+/* line 450, ../sass/_items-list.scss */
 .img-wrap .os {
   background: url("../images/os-unknown.png") no-repeat center center;
   width: 22px;
@@ -8172,19 +8173,19 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   left: 50%;
   margin-left: -11px;
 }
-/* line 455, ../sass/_items-list.scss */
+/* line 456, ../sass/_items-list.scss */
 .img-wrap .os.windows {
   background-image: url("../images/os-windows.png");
 }
-/* line 456, ../sass/_items-list.scss */
+/* line 457, ../sass/_items-list.scss */
 .img-wrap .os.kubuntu {
   background-image: url("../images/os-kubuntu.png");
 }
-/* line 457, ../sass/_items-list.scss */
+/* line 458, ../sass/_items-list.scss */
 .img-wrap .os.fedora {
   background-image: url("../images/os-fedora.png");
 }
-/* line 458, ../sass/_items-list.scss */
+/* line 459, ../sass/_items-list.scss */
 .img-wrap .os.symbol {
   position: relative;
   top: -50px;
@@ -8264,16 +8265,16 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   color: #30c79e;
 }
 
-/* line 495, ../sass/_items-list.scss */
+/* line 496, ../sass/_items-list.scss */
 .building .img-wrap .snf-pc-full {
   display: block;
 }
-/* line 499, ../sass/_items-list.scss */
+/* line 500, ../sass/_items-list.scss */
 .building .img-wrap .incomplete {
   color: #54d6b3;
   width: 60px;
 }
-/* line 503, ../sass/_items-list.scss */
+/* line 504, ../sass/_items-list.scss */
 .building .img-wrap .complete {
   width: 0%;
   position: absolute;
@@ -8474,7 +8475,7 @@ body .jspVerticalBar .jspArrow.jspArrowUp {
   width: 290px;
   left: 50%;
   top: 110px;
-  padding: 8px 10px;
+  padding: 15px 10px;
   margin-left: -30.625em;
   -moz-box-shadow: 3px -2px 8px #cccccc;
   -webkit-box-shadow: 3px -2px 8px #cccccc;
