diff --git a/src/frontend/app/indexation/indexing-form/indexing-form.component.scss b/src/frontend/app/indexation/indexing-form/indexing-form.component.scss index 534a213b11f494c924e69b25dde6e03486c04c23..9cd4309fbcb558c0a86deaeefe0c12aea9d1c567 100644 --- a/src/frontend/app/indexation/indexing-form/indexing-form.component.scss +++ b/src/frontend/app/indexation/indexing-form/indexing-form.component.scss @@ -261,9 +261,9 @@ font-size: 1em; } - background: white; - border: solid 1px $primary; - color: $primary; + background: $primary; + border: solid 1px white; + color: white; border-radius: 30px; padding: 5px; padding-left: 20px; @@ -271,6 +271,14 @@ width: 240px; transition: all 0.1s; + &:hover, &[aria-expanded=true] { + background: white !important; + border: solid 1px white !important; + color: $primary !important; + transition: all 0.1s; + + } + ::ng-deep.mat-button-wrapper { display: flex; align-items: center; diff --git a/src/frontend/app/viewer/document-viewer.component.html b/src/frontend/app/viewer/document-viewer.component.html index 4c1ddd2b7a066043135803227e718f139bae9b6a..109f812940c6d11b187691b0cd319a94c185a259 100644 --- a/src/frontend/app/viewer/document-viewer.component.html +++ b/src/frontend/app/viewer/document-viewer.component.html @@ -6,7 +6,7 @@ <i class="fa fa-file-upload upload-icon"></i><br /> Glisser-déposer<br />ou <div style="display: flex;"> - <button mat-button class="button-form-primary" [matMenuTriggerFor]="menu" + <button mat-button class="button-form-primary-alt" [matMenuTriggerFor]="menu" style="margin-right:20px;align-items: center;justify-content: center;text-align: center;display: flex;"> <span class="menu-label"> Choisir un modèle @@ -17,7 +17,7 @@ <button mat-menu-item>Modèle 1</button> <button mat-menu-item>Modèle 2</button> </mat-menu> - <button mat-button (click)="docToUpload.click()" class="button-form-primary" + <button mat-button (click)="docToUpload.click()" class="button-form-primary-alt" style="align-items: center;justify-content: center;text-align: center;display: flex;">Choisissez votre fichier</button> </div>