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,