From c265e5e2fa2dcb57541d2b915f4fdc1271f2ccf8 Mon Sep 17 00:00:00 2001
From: apapachristou <apapachristou@cite.gr>
Date: Thu, 9 May 2019 16:57:00 +0300
Subject: [PATCH] Styles: Dataset Listing

---
 .../listing/dataset-listing.component.html    | 10 ++--
 .../dataset-listing-item.component.html       |  2 +-
 .../criteria/dmp-criteria.component.scss      |  6 +--
 .../ui/dmp/listing/dmp-listing.component.scss |  5 +-
 .../criteria/project-criteria.component.scss  | 53 +++++++++----------
 5 files changed, 38 insertions(+), 38 deletions(-)

diff --git a/dmp-frontend/src/app/ui/dataset/listing/dataset-listing.component.html b/dmp-frontend/src/app/ui/dataset/listing/dataset-listing.component.html
index 7dae39185..ed2627c75 100644
--- a/dmp-frontend/src/app/ui/dataset/listing/dataset-listing.component.html
+++ b/dmp-frontend/src/app/ui/dataset/listing/dataset-listing.component.html
@@ -15,13 +15,15 @@
 			<div class="card-body table-responsive">
 				<div class="listing row">
 					<div class="col-3">
-						<app-dataset-criteria-component></app-dataset-criteria-component>
+						<app-dataset-criteria-component class="col-auto"></app-dataset-criteria-component>
 					</div>
 					<div class="col-9">
-						<div class="row" *ngFor="let item of listingItems; let i = index">
-							<app-dataset-listing-item-component class="col-12" [dataset]="item" [showDivider]="i != (listingItems.length - 1)" (onClick)="rowClicked($event)"></app-dataset-listing-item-component>
+						<div *ngFor="let item of listingItems; let i = index">
+							<app-dataset-listing-item-component [dataset]="item"
+								[showDivider]="i != (listingItems.length - 1)" (onClick)="rowClicked($event)">
+							</app-dataset-listing-item-component>
 						</div>
-						<mat-paginator #paginator [length]="totalCount" [pageSizeOptions]="[10, 25, 100]">
+						<mat-paginator #paginator [length]="totalCount" [pageSizeOptions]="[10, 25, 100]" class="mt-2">
 						</mat-paginator>
 					</div>
 				</div>
diff --git a/dmp-frontend/src/app/ui/dataset/listing/listing-item/dataset-listing-item.component.html b/dmp-frontend/src/app/ui/dataset/listing/listing-item/dataset-listing-item.component.html
index 72f8aec5c..530d6c1e0 100644
--- a/dmp-frontend/src/app/ui/dataset/listing/listing-item/dataset-listing-item.component.html
+++ b/dmp-frontend/src/app/ui/dataset/listing/listing-item/dataset-listing-item.component.html
@@ -1,4 +1,4 @@
-<div class="listing-item row" (click)="itemClicked()">
+<div class="listing-item" (click)="itemClicked()">
 	<div class="col-auto">
 		<mat-icon *ngIf="isDraft" class="draft-bookmark">bookmark</mat-icon>
 		<mat-icon *ngIf="!isDraft" class="finalized-bookmark">bookmark</mat-icon>
diff --git a/dmp-frontend/src/app/ui/dmp/listing/criteria/dmp-criteria.component.scss b/dmp-frontend/src/app/ui/dmp/listing/criteria/dmp-criteria.component.scss
index 7bbec5a46..e642366db 100644
--- a/dmp-frontend/src/app/ui/dmp/listing/criteria/dmp-criteria.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/listing/criteria/dmp-criteria.component.scss
@@ -67,9 +67,9 @@
   background-color: #2e75b6 !important;
 }
 
-::ng-deep .mat-checkbox {
-  background-color: #f6f6f6 !important;
-}
+// ::ng-deep .mat-checkbox {
+//   background-color: #f6f6f6 !important;
+// }
 
 ::ng-deep .mat-checkbox .mat-checkbox-frame {
   border: 1px solid #aaaaaa;
diff --git a/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.scss b/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.scss
index 027648e92..b3f82ac86 100644
--- a/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.scss
@@ -29,13 +29,12 @@
   margin-left: auto !important;
 }
 
-
 .top-paginator ::ng-deep .mat-paginator-navigation-previous {
-	display: none !important;
+  display: none !important;
 }
 
 .top-paginator ::ng-deep .mat-paginator-navigation-next {
-	display: none !important;
+  display: none !important;
 }
 
 // .bot-paginator {
diff --git a/dmp-frontend/src/app/ui/project/listing/criteria/project-criteria.component.scss b/dmp-frontend/src/app/ui/project/listing/criteria/project-criteria.component.scss
index 103304330..d6b29a2f2 100644
--- a/dmp-frontend/src/app/ui/project/listing/criteria/project-criteria.component.scss
+++ b/dmp-frontend/src/app/ui/project/listing/criteria/project-criteria.component.scss
@@ -3,45 +3,45 @@
 	  padding-bottom: 5px;
 	  width: 100%;
 	}
-  
+
 	mat-card {
 	  padding-bottom: 0px;
 	}
-  
+
 	.hidden {
 	  display: none;
 	}
-  
+
 	.uploadButton {
 	  float: right;
 	}
   }
-  
+
   .search ::ng-deep.mat-form-field-infix {
 	margin-left: 1em;
   }
-  
+
   .filter-category {
 	background-color: #f6f6f6;
 	margin: 5px 0px;
   }
-  
+
   .category-title {
 	color: #2e75b6;
 	margin-top: 8px;
 	margin-bottom: 12px;
   }
-  
+
   .import {
 	margin: 10px;
 	padding: 0px;
   }
-  
+
   .filters {
 	border: 1px solid #e4e4e4;
 	border-radius: 5px;
   }
-  
+
   .filters-title {
 	width: 90px;
 	color: #2e75b6;
@@ -51,35 +51,35 @@
 	margin-left: 20px;
 	text-transform: uppercase;
   }
-  
+
   .style-icon {
 	color: #adadad;
   }
-  
+
   ::ng-deep .mat-checkbox-inner-container {
 	background: white;
   }
-  
+
   ::ng-deep .mat-focused .mat-form-field-label {
 	color: #2e75b6 !important;
   }
-  
+
   ::ng-deep.mat-form-field-underline {
 	background-color: #adadad !important;
   }
-  
+
   ::ng-deep.mat-form-field-ripple {
 	background-color: #2e75b6 !important;
   }
-  
-  ::ng-deep .mat-checkbox {
-	background-color: #f6f6f6 !important;
-  }
-  
+
+//   ::ng-deep .mat-checkbox {
+// 	background-color: #f6f6f6 !important;
+//   }
+
   ::ng-deep .mat-checkbox .mat-checkbox-frame {
 	border: 1px solid #aaaaaa;
   }
-  
+
   ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,
   .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
   .mat-accent .mat-pseudo-checkbox-checked,
@@ -88,30 +88,29 @@
   .mat-pseudo-checkbox-indeterminate {
 	background-color: #2e75b6;
   }
-  
+
   ::ng-deep .mat-ripple-element {
 	background-color: #2e74b649 !important;
   }
-  
+
   ::ng-deep .mat-radio-container {
 	border-radius: 1em;
 	background: white;
   }
-  
+
   ::ng-deep .mat-radio-button .mat-radio-outer-circle {
 	border: 1px solid #aaaaaa;
   }
-  
+
   ::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
 	border-color: #2e75b6;
   }
-  
+
   ::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
 	color: #2e75b6;
 	background-color: #2e75b6;
   }
-  
+
   .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
 	background-color: #2e74b649;
   }
-  
\ No newline at end of file