+
diff --git a/client/src/app/shared/components/block-tile/block-tile.component.scss b/client/src/app/shared/components/block-tile/block-tile.component.scss
index f6b206032..81a06190a 100644
--- a/client/src/app/shared/components/block-tile/block-tile.component.scss
+++ b/client/src/app/shared/components/block-tile/block-tile.component.scss
@@ -1,60 +1,50 @@
-@import '~@angular/material/theming';
+.block-tile {
+ padding: 0;
-@mixin os-block-tile-style($theme) {
- $primary: map-get(
- $map: $theme,
- $key: primary
- );
+ .block-node-container {
+ position: relative;
+ padding-bottom: 50%;
+ min-width: 30%;
- .block-tile {
- padding: 0;
+ .tile-text {
+ padding: 8px 16px;
- .block-node-container {
- position: relative;
- padding-bottom: 50%;
- min-width: 30%;
-
- .tile-text {
- padding: 8px 16px;
- background-color: mat-color($primary, lighter);
-
- table {
- height: 100%;
- width: 100%;
- text-align: center;
- font-size: 24px;
- font-weight: 500;
- }
- }
- }
-
- .tile-content-node-container {
- position: relative;
- width: 100%;
- margin: 8px 16px !important;
-
- .tile-content {
- margin-bottom: 0;
+ table {
height: 100%;
-
- .tile-content-title {
- font-size: 20px;
- font-weight: unset;
- margin-bottom: 0;
- overflow: hidden;
- }
+ width: 100%;
+ text-align: center;
+ font-size: 24px;
+ font-weight: 500;
}
-
- .tile-content-extra {
- padding-top: 8px;
- }
- }
-
- &:hover {
- cursor: pointer;
-
- box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14),
- 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
}
}
+
+ .tile-content-node-container {
+ position: relative;
+ width: 100%;
+ margin: 8px 16px !important;
+
+ .tile-content {
+ margin-bottom: 0;
+ height: 100%;
+
+ .tile-content-title {
+ font-size: 20px;
+ font-weight: unset;
+ margin-bottom: 0;
+ overflow: hidden;
+ }
+ }
+
+ .tile-content-extra {
+ padding-top: 8px;
+ }
+ }
+
+ &:hover {
+ cursor: pointer;
+
+ box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14),
+ 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;
+ }
}
diff --git a/client/src/app/shared/components/sort-filter-bar/sort-filter-bar.component.html b/client/src/app/shared/components/sort-filter-bar/sort-filter-bar.component.html
index f2290c5d9..850d49747 100644
--- a/client/src/app/shared/components/sort-filter-bar/sort-filter-bar.component.html
+++ b/client/src/app/shared/components/sort-filter-bar/sort-filter-bar.component.html
@@ -1,9 +1,12 @@