diff --git a/src/main/frontend/src/app/app.component.html b/src/main/frontend/src/app/app.component.html
index a362220..4dd83bd 100644
--- a/src/main/frontend/src/app/app.component.html
+++ b/src/main/frontend/src/app/app.component.html
@@ -1,5 +1,6 @@
+
diff --git a/src/main/frontend/src/app/modules/accounts/pages/login/login.component.html b/src/main/frontend/src/app/modules/accounts/pages/login/login.component.html
index 8917593..c02ca51 100644
--- a/src/main/frontend/src/app/modules/accounts/pages/login/login.component.html
+++ b/src/main/frontend/src/app/modules/accounts/pages/login/login.component.html
@@ -1,4 +1,3 @@
-
diff --git a/src/main/frontend/src/app/modules/colors/pages/edit/edit.component.sass b/src/main/frontend/src/app/modules/colors/pages/edit/edit.component.sass
index a474d96..2533b3c 100644
--- a/src/main/frontend/src/app/modules/colors/pages/edit/edit.component.sass
+++ b/src/main/frontend/src/app/modules/colors/pages/edit/edit.component.sass
@@ -1,17 +1,2 @@
.recipe-wrapper > div
margin: 0 3rem 3rem
-
- mat-card
- margin-top: 3rem
-
-.recipe-mixes-wrapper mat-card
- min-width: 20rem
-
-mat-card
- mat-card-content
- margin-bottom: 0
- padding-top: 16px !important
- padding-bottom: 0 !important
-
- mat-card-actions
- margin-top: 0
diff --git a/src/main/frontend/src/app/modules/colors/pages/edit/edit.component.ts b/src/main/frontend/src/app/modules/colors/pages/edit/edit.component.ts
index 59f8923..a493da4 100644
--- a/src/main/frontend/src/app/modules/colors/pages/edit/edit.component.ts
+++ b/src/main/frontend/src/app/modules/colors/pages/edit/edit.component.ts
@@ -1,14 +1,15 @@
-import {Component} from '@angular/core';
+import {Component, ViewChild} from '@angular/core';
import {SubscribingComponent} from "../../../shared/components/subscribing.component";
import {Recipe} from "../../../shared/model/recipe.model";
import {RecipeService} from "../../services/recipe.service";
import {ActivatedRoute, Router} from "@angular/router";
-import {FormBuilder, Validators} from "@angular/forms";
+import {Validators} from "@angular/forms";
import {Subject} from "rxjs";
import {UNIT_GALLON, UNIT_LITER, UNIT_MILLILITER} from "../../../shared/units";
import {AccountService} from "../../../accounts/services/account.service";
import {EmployeePermission} from "../../../shared/model/employee";
import {EntityEditComponent} from "../../../shared/components/entity-edit/entity-edit.component";
+import {ImagesEditorComponent} from "../../components/images-editor/images-editor.component";
@Component({
selector: 'cre-edit',
@@ -18,6 +19,8 @@ import {EntityEditComponent} from "../../../shared/components/entity-edit/entity
export class EditComponent extends SubscribingComponent {
readonly unitConstants = {UNIT_MILLILITER, UNIT_LITER, UNIT_GALLON}
+ @ViewChild('imagesEditor') imagesEditor: ImagesEditorComponent
+
recipe: Recipe | null
formFields = [
{
diff --git a/src/main/frontend/src/app/modules/colors/pages/explore/explore.component.html b/src/main/frontend/src/app/modules/colors/pages/explore/explore.component.html
index 9fbb0f0..76cd1bb 100644
--- a/src/main/frontend/src/app/modules/colors/pages/explore/explore.component.html
+++ b/src/main/frontend/src/app/modules/colors/pages/explore/explore.component.html
@@ -42,31 +42,28 @@
-