diff --git a/frontend/src/app/pages/publication-edition/publication-edition.component.html b/frontend/src/app/pages/publication-edition/publication-edition.component.html
index 071899b..b674135 100644
--- a/frontend/src/app/pages/publication-edition/publication-edition.component.html
+++ b/frontend/src/app/pages/publication-edition/publication-edition.component.html
@@ -28,7 +28,26 @@
-
+
+
+
+
+
+
+
+
Content
diff --git a/frontend/src/app/pages/publication-edition/publication-edition.component.scss b/frontend/src/app/pages/publication-edition/publication-edition.component.scss
index b22a8cd..db1cfbd 100644
--- a/frontend/src/app/pages/publication-edition/publication-edition.component.scss
+++ b/frontend/src/app/pages/publication-edition/publication-edition.component.scss
@@ -29,30 +29,6 @@
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
-
- button, a.button {
- padding: .8em 1.2em;
- border-radius: 10em;
- border: none;
- background-color: #3f51b5;
- color: white;
- transition: background-color .2s ease-in-out;
-
- &:hover {
- background-color: #5b6ed8;
- cursor: pointer;
- }
-
- &.secondary {
- color: #3f51b5;
- background-color: white;
-
- &:hover {
- background-color: #f2f4ff;
- cursor: pointer;
- }
- }
- }
}
}
}
@@ -118,8 +94,49 @@
}
}
}
+
+ .actions {
+ display: flex;
+ flex-direction: row;
+ gap: .5em;
+
+ button {
+ padding: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 3em;
+ height: 3em;
+ box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
+ font-weight: bold;
+ }
+ }
}
:host ::ng-deep .test circle {
stroke: white;
+}
+
+button, a.button {
+ padding: .8em 1.2em;
+ border-radius: 10em;
+ border: none;
+ background-color: #3f51b5;
+ color: white;
+ transition: background-color .2s ease-in-out;
+
+ &:hover {
+ background-color: #5b6ed8;
+ cursor: pointer;
+ }
+
+ &.secondary {
+ color: #3f51b5;
+ background-color: white;
+
+ &:hover {
+ background-color: #f2f4ff;
+ cursor: pointer;
+ }
+ }
}
\ No newline at end of file
diff --git a/frontend/src/app/pages/publication-edition/publication-edition.component.ts b/frontend/src/app/pages/publication-edition/publication-edition.component.ts
index e420c09..21e986a 100644
--- a/frontend/src/app/pages/publication-edition/publication-edition.component.ts
+++ b/frontend/src/app/pages/publication-edition/publication-edition.component.ts
@@ -11,6 +11,7 @@ import {MatDialogModule} from '@angular/material/dialog';
import { PictureSelectionDialog } from './picture-selection-dialog/picture-selection-dialog.component';
import { MatTooltipModule } from '@angular/material/tooltip';
import { SubmitButtonComponent } from '../../components/submit-button/submit-button.component';
+import { MatIconModule } from '@angular/material/icon';
@Component({
selector: 'app-publication-edition',
@@ -18,6 +19,7 @@ import { SubmitButtonComponent } from '../../components/submit-button/submit-but
imports: [
CommonModule,
MatDialogModule,
+ MatIconModule,
MatInputModule,
MatProgressSpinnerModule,
MatTabsModule,