/ - Diff - Synnefo - Greek Research and Technology Network's projects

Revision 536ffa66

             $(this).addClass('clicked');
             $(this).siblings('ul').stop(true, true).slideDown('slow');
         });
         $('.containers .btn-more+ul').mouseleave(function(e){
             $(this).hide();
             $(this).siblings('.btn-more').removeClass('clicked');
         $('.containers .project').mouseleave(function(e){
             $(this).find('ul').fadeOut();
             $(this).find('.btn-more').removeClass('clicked');
         })
         if ($('.containers .btn-more').length>0) {
             $('body').click(function(e){
                 $('.btn-more').removeClass('clicked');
                 $('.btn-more').siblings('ul').hide();
                 $('.btn-more').siblings('ul').fadeOut();
             })
+        }

         <script type="text/javascript" src="javascripts/sshkeys-wizard.js"></script>
       <script>
         $(document).foundation();
         /*$(document).ready(function() {
              $("#drop").dropzone({ url: "/file/post", clickable: false});
         })*/
       </script>
     </body>
     </html>

                     </form>
                 </div>
             </section>
             <section class="main row">
                 <div class="storage containers entities list-view">
             <section class="main row containers">
                 <div class="storage entities list-view">
                     <ul class="items-list">
                         <li>
                             <div class="basic-data col">
-...
         <script type="text/javascript" src="javascripts/sshkeys-wizard.js"></script>
       <script>
         $(document).foundation();
         /*$(document).ready(function() {
              $("#drop").dropzone({ url: "/file/post", clickable: false});
         })*/
       </script>
     </body>
     </html>

b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss
280	280	height:$list-icon-height;
281	281	line-height: $list-icon-height;
282	282	font-size: emCalc(12px);
	283	text-align: left;
283	284	}
284	285	.status {
285	286	position: absolute;

     // items-list list-view settings
     $check-w : 60px;
     $img-wrap-w : 70px;
     $h4-w : 230px;
     $h4-w : 210px;
     $tags-w : 90px;
     $info-w: 200px;
     $actions-w: 140px;
     $three-col-w: 33%;
     $storage-h4-w: $h4-w;
     // We use these to control inset shadow shiny edges and depressions.
     // $shiny-edge-size: 0 1px 0;

     /* Storage (pithos) related styles  */
     .storage {
     	$storage-h4-w: 25%;
     	height: 100%;
     	.rect-plus {
     		display: inline-block;
-...
     			background-color: $light-bg;
+    		}
+    	}
     	&.containers {
     		.items-list {
     			overflow: visible;
     			&>li {
     				text-align: left;
     				padding-right: 0;
     				padding-left: 0;
     				.col {
     					float: left;
+    				}
     				h4 {
     					font-size: emCalc(14px);
     					width: auto;
+    				}
     				.basic-data {
     					width: 20%;
+    				}
     				.size-data{
     					width: 40%;
     					.progress-col {
     						padding-top: 7px;
     						.progress {
     							border-color: $gray-2;
     							height: 20px;
     							.meter {
     								text-align: right;
     								font-size: 10px;
     								padding: 2px;
     								background-color: $gray-2;
     								color: white;
     								font-size: emCalc(14px);
     								line-height: 100%;
+    							}
+    }
     .containers {
     	.items-list {
     		overflow: visible;
     		&>li {
     			text-align: left;
     			padding-right: 0;
     			padding-left: 0;
     			.col {
     				float: left;
+    			}
     			h4 {
     				font-size: emCalc(14px);
     				width: auto;
+    			}
     			.basic-data {
     				width: 20%;
+    			}
     			.size-data{
     				width: 40%;
     				.progress-col {
     					padding-top: 7px;
     					.progress {
     						border-color: $gray-2;
     						height: 20px;
     						.meter {
     							text-align: right;
     							font-size: 10px;
     							padding: 2px;
     							background-color: $gray-2;
     							color: white;
     							font-size: emCalc(14px);
     							line-height: 100%;
+    						}
+    					}
     					.size {
     						width: auto;
     						padding-left: 20px;
     						font-size: emCalc(14px);
+    					}
+    				}
     				h5 {
     					float: left;
     					width: 20%;
     				.size {
     					width: auto;
     					padding-left: 20px;
     					font-size: emCalc(14px);
     					font-weight: normal;
     					line-height: $list-icon-height;
     					height: $list-icon-height;
     					margin: 0;
+    				}
     				.project {
     					line-height: $list-icon-height;
     					height: $list-icon-height;
     					width: 18%;
     					font-size: emCalc(14px);
     					position: relative;
+    			}
     			h5 {
     				float: left;
     				width: 20%;
     				font-size: emCalc(14px);
     				font-weight: normal;
     				line-height: $list-icon-height;
     				height: $list-icon-height;
     				margin: 0;
+    			}
     			.project {
     				line-height: $list-icon-height;
     				height: $list-icon-height;
     				width: 18%;
     				font-size: emCalc(14px);
     				position: relative;
     				right: 0;
     				ul {
     					position: absolute;
     					right: 0;
     					ul {
     						position: absolute;
     						right: 0;
     						top: $list-icon-height + 2px;
     						list-style: none outside none;
     						border: 1px solid $gray-2;
     						padding: 5px 15px;
     					top: $list-icon-height + 2px;
     					list-style: none outside none;
     					border: 1px solid $gray-2;
     					padding: 5px 15px;
     					display: none;
     					z-index: 1;
     					background: #fff;
     					li {
     						padding: 4px 0;
+    					}
+    				}
     				.btn-more {
     					border: 1px solid $gray-2;
     					padding: 0 10px;
     					float: right;
     					em {
     						display: none;
     						z-index: 1;
     						background: #fff;
     						li {
     							padding: 4px 0;
     						opacity: 0;
     						font-style: normal;
     						color: $body-font-color;
     						@include transition(opacity, 300ms, linear);
+    					}
     					&:hover {
     						color: $link-color;
     						em {
     							display: inline-block;
     							opacity: 1;
+    						}
+    					}
     					.btn-more {
     						border: 1px solid $gray-2;
     						padding: 0 10px;
     						float: right;
     					&.clicked {
     						background-color: $link-color;
     						color: #fff;
     						em {
     							display: none;
     							opacity: 0;
     							font-style: normal;
     							color: $body-font-color;
     							@include transition(opacity, 300ms, linear);
+    						}
     						&:hover {
     							em {
     								display: inline-block;
     								opacity: 1;
+    							}
+    						}
     						&.clicked {
     							background-color: $link-color;
     							display: inline-block;
     							opacity: 1;
     							color: #fff;
     							em {
     								display: inline-block;
     								opacity: 1;
     								color: #fff;
+    							}
+    						}
+    					}
+    				}
+    			}
     			.img-wrap {
     				.snf-folder-full {
     					font-size: emCalc(34px);
     					color: $secondary-color;
+    				}
     				.img-wrap {
     					.snf-folder-full {
     						font-size: emCalc(34px);
     						color: $secondary-color;
+    					}
     					span:not(.snf-folder-full) {
     						color: $gray-2;
     						font-size: emCalc(16px);
     						position: relative;
     						bottom: 5px;
     						left: -28px;
+    					}
     				span:not(.snf-folder-full) {
     					color: $gray-2;
     					font-size: emCalc(16px);
     					position: relative;
     					bottom: 5px;
     					left: -28px;
+    				}
+    			}
+    		}
+    	}
+    }

+    }
     /* line 259, ../sass/_items-list.scss */
     .list-view .items-list > li h4, .storage-progress .items-list > li h4 {
       width: 230px;
       width: 210px;
       overflow: hidden;
       float: left;
       text-align: left;
-...
       height: 34px;
       line-height: 34px;
       font-size: 0.75em;
       text-align: left;
+    }
     /* line 284, ../sass/_items-list.scss */
     /* line 285, ../sass/_items-list.scss */
     .list-view .items-list > li .status, .storage-progress .items-list > li .status {
       position: absolute;
       left: 280px;
       text-align: left;
       top: 30px;
       width: 230px;
       width: 210px;
+    }
     /* line 290, ../sass/_items-list.scss */
     /* line 291, ../sass/_items-list.scss */
     .list-view .items-list > li .status span, .storage-progress .items-list > li .status span {
       display: inline;
+    }
     /* line 294, ../sass/_items-list.scss */
     /* line 295, ../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: 200px;
-...
       line-height: 34px;
       font-size: 0.75em;
+    }
     /* line 301, ../sass/_items-list.scss */
     /* line 302, ../sass/_items-list.scss */
     .list-view .items-list > li .actions, .storage-progress .items-list > li .actions {
       float: left;
       height: 34px;
-...
       top: -4px;
       margin: 0 10px;
+    }
     /* line 309, ../sass/_items-list.scss */
     /* line 310, ../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 314, ../sass/_items-list.scss */
     /* line 315, ../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: 34px;
-...
       width: 140px;
       float: left;
+    }
     /* line 321, ../sass/_items-list.scss */
     /* line 322, ../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 326, ../sass/_items-list.scss */
     /* line 327, ../sass/_items-list.scss */
     .list-view .items-list > li.add-new:hover, .storage-progress .items-list > li.add-new:hover {
       background: #485057;
+    }
     /* line 329, ../sass/_items-list.scss */
     /* line 330, ../sass/_items-list.scss */
     .list-view .items-list > li.add-new .check, .storage-progress .items-list > li.add-new .check {
       visibility: hidden;
+    }
     /* line 332, ../sass/_items-list.scss */
     /* line 333, ../sass/_items-list.scss */
     .list-view .items-list > li.add-new h4, .storage-progress .items-list > li.add-new h4 {
       margin: 0;
+    }
     /* line 338, ../sass/_items-list.scss */
     /* line 339, ../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 345, ../sass/_items-list.scss */
     /* line 346, ../sass/_items-list.scss */
     .list-view .items-list > li.building .img-wrap .incomplete, .storage-progress .items-list > li.building .img-wrap .incomplete {
       width: 34px;
       margin: 0 auto;
+    }
     /* line 349, ../sass/_items-list.scss */
     /* line 350, ../sass/_items-list.scss */
     .list-view .items-list > li.building .img-wrap .complete, .storage-progress .items-list > li.building .img-wrap .complete {
       top: -34px;
       margin: 0 auto;
+    }
     /* line 361, ../sass/_items-list.scss */
     /* line 362, ../sass/_items-list.scss */
     .lt-bar .items-list .check, .lt-bar .items-list .actions, .lt-bar .items-list .info {
       display: none;
+    }
     /* line 364, ../sass/_items-list.scss */
     /* line 365, ../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 368, ../sass/_items-list.scss */
     /* line 369, ../sass/_items-list.scss */
     .lt-bar .items-list > li:hover {
       background-color: #ebebec;
+    }
     /* line 371, ../sass/_items-list.scss */
     /* line 372, ../sass/_items-list.scss */
     .lt-bar .items-list > li.add-new {
       background-color: #30c79e;
+    }
     /* line 373, ../sass/_items-list.scss */
     /* line 374, ../sass/_items-list.scss */
     .lt-bar .items-list > li.add-new:hover {
       background-color: #485057;
+    }
     /* line 378, ../sass/_items-list.scss */
     /* line 379, ../sass/_items-list.scss */
     .lt-bar .items-list .container {
       height: 160px;
       position: relative;
       line-height: 120%;
+    }
     /* line 382, ../sass/_items-list.scss */
     /* line 383, ../sass/_items-list.scss */
     .lt-bar .items-list .container .tags {
       width: 100%;
       min-height: 12px;
-...
+    }
     /* img-wrap div ( colors & styles ) */
     /* line 395, ../sass/_items-list.scss */
     /* line 396, ../sass/_items-list.scss */
     .img-wrap {
       width: 60px;
       position: relative;
       display: inline-block;
       line-height: 100%;
+    }
     /* line 402, ../sass/_items-list.scss */
     /* line 403, ../sass/_items-list.scss */
     .img-wrap span:hover {
       cursor: pointer;
+    }
     /* line 406, ../sass/_items-list.scss */
     /* line 407, ../sass/_items-list.scss */
     .img-wrap .os {
       background: url("../images/os-unknown.png") no-repeat center center;
       width: 22px;
-...
       left: 50%;
       margin-left: -11px;
+    }
     /* line 412, ../sass/_items-list.scss */
     /* line 413, ../sass/_items-list.scss */
     .img-wrap .os.windows {
       background-image: url("../images/os-windows.png");
+    }
     /* line 413, ../sass/_items-list.scss */
     /* line 414, ../sass/_items-list.scss */
     .img-wrap .os.kubuntu {
       background-image: url("../images/os-kubuntu.png");
+    }
     /* line 414, ../sass/_items-list.scss */
     /* line 415, ../sass/_items-list.scss */
     .img-wrap .os.fedora {
       background-image: url("../images/os-fedora.png");
+    }
     /* line 415, ../sass/_items-list.scss */
     /* line 416, ../sass/_items-list.scss */
     .img-wrap .os.symbol {
       position: relative;
       top: -50px;
-...
       color: #30c79e;
+    }
     /* line 452, ../sass/_items-list.scss */
     /* line 453, ../sass/_items-list.scss */
     .building .img-wrap .snf-pc-full {
       display: block;
+    }
     /* line 456, ../sass/_items-list.scss */
     /* line 457, ../sass/_items-list.scss */
     .building .img-wrap .incomplete {
       color: #54d6b3;
       width: 60px;
+    }
     /* line 460, ../sass/_items-list.scss */
     /* line 461, ../sass/_items-list.scss */
     .building .img-wrap .complete {
       width: 0%;
       position: absolute;
-...
     .storage {
       height: 100%;
+    }
     /* line 6, ../sass/_storage.scss */
     /* line 5, ../sass/_storage.scss */
     .storage .rect-plus {
       display: inline-block;
       background-color: #fff;
-...
       padding: 0 6px;
       font-size: 1.625em;
+    }
     /* line 12, ../sass/_storage.scss */
     /* line 11, ../sass/_storage.scss */
     .storage .rect-plus:hover {
       color: #485057;
+    }
     /* line 16, ../sass/_storage.scss */
     /* line 15, ../sass/_storage.scss */
     .storage .items-list {
       height: 100%;
+    }
     /* line 19, ../sass/_storage.scss */
     /* line 18, ../sass/_storage.scss */
     .storage .items-list > li .img-wrap {
       top: 0;
       height: 34px;
       line-height: 34px;
+    }
     /* line 24, ../sass/_storage.scss */
     /* line 23, ../sass/_storage.scss */
     .storage .items-list > li h4 {
       width: 25%;
       width: 210px;
       height: 34px;
       line-height: 34px;
+    }
     /* line 29, ../sass/_storage.scss */
     /* line 28, ../sass/_storage.scss */
     .storage .items-list > li .info {
       margin-right: 40px;
+    }
     /* line 34, ../sass/_storage.scss */
     /* line 33, ../sass/_storage.scss */
     .storage .items-list .folder .img-wrap {
       background: url(../images/folder-closed.png) no-repeat center center;
+    }
     /* line 38, ../sass/_storage.scss */
     /* line 37, ../sass/_storage.scss */
     .storage .items-list .folder.draghover .img-wrap {
       background-image: url(../images/folder-open.png);
+    }
     /* line 44, ../sass/_storage.scss */
     /* line 43, ../sass/_storage.scss */
     .storage .items-list li:hover .actions-col {
       visibility: visible;
+    }
     /* line 48, ../sass/_storage.scss */
     /* line 47, ../sass/_storage.scss */
     .storage .items-list .add-new {
       position: relative;
+    }
     /* line 50, ../sass/_storage.scss */
     /* line 49, ../sass/_storage.scss */
     .storage .items-list .add-new input[type="file"] {
       position: absolute;
       left: 150px;
-...
       bottom: 0;
       opacity: 0;
+    }
     /* line 58, ../sass/_storage.scss */
     /* line 57, ../sass/_storage.scss */
     .storage .items-list .add-new h4 {
       color: #fff;
+    }
     /* line 62, ../sass/_storage.scss */
     /* line 61, ../sass/_storage.scss */
     .storage .items-list .add-new:hover .rect-plus {
       color: #485057;
+    }
     /* line 67, ../sass/_storage.scss */
     /* line 66, ../sass/_storage.scss */
     .storage .items-list.drag {
       background-color: #ebebec;
+    }
     /* line 72, ../sass/_storage.scss */
     .storage.containers .items-list {
     .containers .items-list {
       overflow: visible;
+    }
     /* line 74, ../sass/_storage.scss */
     .storage.containers .items-list > li {
     .containers .items-list > li {
       text-align: left;
       padding-right: 0;
       padding-left: 0;
+    }
     /* line 78, ../sass/_storage.scss */
     .storage.containers .items-list > li .col {
     .containers .items-list > li .col {
       float: left;
+    }
     /* line 81, ../sass/_storage.scss */
     .storage.containers .items-list > li h4 {
     .containers .items-list > li h4 {
       font-size: 0.875em;
       width: auto;
+    }
     /* line 85, ../sass/_storage.scss */
     .storage.containers .items-list > li .basic-data {
     .containers .items-list > li .basic-data {
       width: 20%;
+    }
     /* line 88, ../sass/_storage.scss */
     .storage.containers .items-list > li .size-data {
     .containers .items-list > li .size-data {
       width: 40%;
+    }
     /* line 90, ../sass/_storage.scss */
     .storage.containers .items-list > li .size-data .progress-col {
     .containers .items-list > li .size-data .progress-col {
       padding-top: 7px;
+    }
     /* line 92, ../sass/_storage.scss */
     .storage.containers .items-list > li .size-data .progress-col .progress {
     .containers .items-list > li .size-data .progress-col .progress {
       border-color: #485057;
       height: 20px;
+    }
     /* line 95, ../sass/_storage.scss */
     .storage.containers .items-list > li .size-data .progress-col .progress .meter {
     .containers .items-list > li .size-data .progress-col .progress .meter {
       text-align: right;
       font-size: 10px;
       padding: 2px;
-...
       line-height: 100%;
+    }
     /* line 106, ../sass/_storage.scss */
     .storage.containers .items-list > li .size-data .size {
     .containers .items-list > li .size-data .size {
       width: auto;
       padding-left: 20px;
       font-size: 0.875em;
+    }
     /* line 112, ../sass/_storage.scss */
     .storage.containers .items-list > li h5 {
     .containers .items-list > li h5 {
       float: left;
       width: 20%;
       font-size: 0.875em;
-...
       margin: 0;
+    }
     /* line 121, ../sass/_storage.scss */
     .storage.containers .items-list > li .project {
     .containers .items-list > li .project {
       line-height: 34px;
       height: 34px;
       width: 18%;
-...
       right: 0;
+    }
     /* line 128, ../sass/_storage.scss */
     .storage.containers .items-list > li .project ul {
     .containers .items-list > li .project ul {
       position: absolute;
       right: 0;
       top: 36px;
-...
       background: #fff;
+    }
     /* line 138, ../sass/_storage.scss */
     .storage.containers .items-list > li .project ul li {
     .containers .items-list > li .project ul li {
       padding: 4px 0;
+    }
     /* line 142, ../sass/_storage.scss */
     .storage.containers .items-list > li .project .btn-more {
     .containers .items-list > li .project .btn-more {
       border: 1px solid #485057;
       padding: 0 10px;
       float: right;
+    }
     /* line 146, ../sass/_storage.scss */
     .storage.containers .items-list > li .project .btn-more em {
     .containers .items-list > li .project .btn-more em {
       display: none;
       opacity: 0;
       font-style: normal;
-...
       -o-transition: opacity 300ms linear;
       transition: opacity 300ms linear;
+    }
     /* line 154, ../sass/_storage.scss */
     .storage.containers .items-list > li .project .btn-more:hover em {
     /* line 153, ../sass/_storage.scss */
     .containers .items-list > li .project .btn-more:hover {
       color: #485057;
+    }
     /* line 155, ../sass/_storage.scss */
     .containers .items-list > li .project .btn-more:hover em {
       display: inline-block;
       opacity: 1;
+    }
     /* line 159, ../sass/_storage.scss */
     .storage.containers .items-list > li .project .btn-more.clicked {
     /* line 160, ../sass/_storage.scss */
     .containers .items-list > li .project .btn-more.clicked {
       background-color: #485057;
       color: #fff;
+    }
     /* line 162, ../sass/_storage.scss */
     .storage.containers .items-list > li .project .btn-more.clicked em {
     /* line 163, ../sass/_storage.scss */
     .containers .items-list > li .project .btn-more.clicked em {
       -webkit-transition: opacity 300ms linear;
       -moz-transition: opacity 300ms linear;
       -ms-transition: opacity 300ms linear;
       -o-transition: opacity 300ms linear;
       transition: opacity 300ms linear;
       display: inline-block;
       opacity: 1;
       color: #fff;
+    }
     /* line 172, ../sass/_storage.scss */
     .storage.containers .items-list > li .img-wrap .snf-folder-full {
     /* line 174, ../sass/_storage.scss */
     .containers .items-list > li .img-wrap .snf-folder-full {
       font-size: 2.125em;
       color: #30c79e;
+    }
     /* line 176, ../sass/_storage.scss */
     .storage.containers .items-list > li .img-wrap span:not(.snf-folder-full) {
     /* line 178, ../sass/_storage.scss */
     .containers .items-list > li .img-wrap span:not(.snf-folder-full) {
       color: #485057;
       font-size: 1em;
       position: relative;
-...
       left: -28px;
+    }
     /* line 190, ../sass/_storage.scss */
     /* line 191, ../sass/_storage.scss */
     .storage-progress .items-list {
       margin-bottom: 0;
+    }
     /* line 192, ../sass/_storage.scss */
     /* line 193, ../sass/_storage.scss */
     .storage-progress .items-list li {
       padding-left: 210px;
       color: #fff;
+    }
     /* line 195, ../sass/_storage.scss */
     /* line 196, ../sass/_storage.scss */
     .storage-progress .items-list li .img-wrap {
       top: 0;
       height: 34px;
       line-height: 34px;
+    }
     /* line 200, ../sass/_storage.scss */
     /* line 201, ../sass/_storage.scss */
     .storage-progress .items-list li h4 {
       width: 230px;
       width: 210px;
       height: 34px;
       line-height: 34px;
+    }
     /* line 205, ../sass/_storage.scss */
     /* line 206, ../sass/_storage.scss */
     .storage-progress .items-list li .remove {
       text-align: right;
       font-weight: bold;
       visibility: visible;
+    }
     /* line 209, ../sass/_storage.scss */
     /* line 210, ../sass/_storage.scss */
     .storage-progress .items-list li .remove a {
       color: #fff;
+    }
     /* line 212, ../sass/_storage.scss */
     /* line 213, ../sass/_storage.scss */
     .storage-progress .items-list li .remove em {
       display: none;
+    }
     /* line 216, ../sass/_storage.scss */
     /* line 217, ../sass/_storage.scss */
     .storage-progress .items-list li .remove:hover em {
       display: inline;
+    }
     /* line 221, ../sass/_storage.scss */
     /* line 222, ../sass/_storage.scss */
     .storage-progress .items-list li .progress-col {
       padding-top: 7px;
+    }
     /* line 224, ../sass/_storage.scss */
     /* line 225, ../sass/_storage.scss */
     .storage-progress .items-list li:hover {
       background-color: transparent;
+    }
     /* line 229, ../sass/_storage.scss */
     /* line 230, ../sass/_storage.scss */
     .storage-progress .progress {
       height: 20px;
+    }
     /* line 231, ../sass/_storage.scss */
     /* line 232, ../sass/_storage.scss */
     .storage-progress .progress .meter {
       background-color: #fff;
       color: #1e1e1e;
-...
       padding-right: 10px;
       line-height: 120%;
+    }
     /* line 239, ../sass/_storage.scss */
     /* line 240, ../sass/_storage.scss */
     .storage-progress .details {
       border: 0 none;
+    }
     /* line 244, ../sass/_storage.scss */
     /* line 245, ../sass/_storage.scss */
     .all-height {
       height: 100%;
+    }

Also available in: Unified diff