frontend/src/app/components/confirmation-dialog/confirmation-dialog.component.html

@@ -1,10 +1,10 @@
 <h1>{{title}}</h1>
 <h2>{{description}}</h2>
 <footer>
-    <button type="button" class="cod-btn secondary" (click)="closeDialog()" matRipple i18n>
+    <button type="button" class="cod-button secondary" (click)="closeDialog()" matRipple i18n>
         No
     </button>
-    <button type="button" class="cod-btn" (click)="closeAndValidate()" matRipple i18n>
+    <button type="button" class="cod-button" (click)="closeAndValidate()" matRipple i18n>
         Yes
     </button>
 </footer>

frontend/src/app/components/header/header.component.html

@@ -1,7 +1,7 @@
 <div class="left">
     <button type="button"
             (click)="sideMenu.open()"
-            class="cod-btn icon"
+            class="cod-button icon"
             matTooltip="Click to show side menu" 
             matRipple 
             i18n-matTooltip>
@@ -20,7 +20,7 @@
 <div class="right">
     @if (isAuthenticated) {
         <button type="button"
-                class="cod-btn icon"
+                class="cod-button icon"
                 [matMenuTriggerFor]="authenticatedUserMenu" 
                 matRipple>
             <mat-icon>more_vert</mat-icon>
@@ -38,7 +38,7 @@
             </div>
         </mat-menu>
     } @else {
-        <a [routerLink]="['/login']" class="cod-btn" matRipple i18n>Login</a>
+        <a [routerLink]="['/login']" class="cod-button" matRipple i18n>Login</a>
     }
 </div>
 <app-side-menu #sideMenu></app-side-menu>

frontend/src/app/components/publication-edition/code-block-dialog/code-block-dialog.component.html

@@ -1,6 +1,6 @@
 <button type="button"
         (click)="closeDialog()"
-        class="cod-btn icon secondary close"
+        class="cod-button icon secondary close"
         matTooltip="Close"
         matRipple
         i18n-matTooltip>
@@ -27,10 +27,10 @@
         </mat-form-field>
     </div>
     <div class="actions reversed">
-        <button type="submit" class="cod-btn" matRipple i18n>
+        <button type="submit" class="cod-button" matRipple i18n>
             Validate
         </button>
-        <button type="button" (click)="closeDialog()" class="cod-btn secondary" matRipple i18n>
+        <button type="button" (click)="closeDialog()" class="cod-button secondary" matRipple i18n>
             Cancel
         </button>
     </div>

frontend/src/app/components/publication-edition/picture-selection-dialog/picture-selection-dialog.component.html

@@ -1,6 +1,6 @@
 <button type="button"
         (click)="closeDialog()"
-        class="cod-btn icon secondary close"
+        class="cod-button icon secondary close"
         matTooltip="Close"
         matRipple
         i18n-matTooltip>
@@ -26,14 +26,14 @@
 <footer>
     <button type="button"
             (click)="closeDialog()"
-            class="cod-btn secondary"
+            class="cod-button secondary"
             matRipple
             i18n>
         Cancel
     </button>
     <button type="button"
             (click)="fileUpload.click()"
-            class="cod-btn"
+            class="cod-button"
             matRipple
             i18n>
         <mat-icon>upload_file</mat-icon>

frontend/src/app/components/publication-edition/publication-edition.component.html

@@ -122,7 +122,7 @@
     <footer>
         <app-submit-button [requestPending]="!!(isSaving$ | async)" i18n>Save</app-submit-button>
         <button type="button"
-                class="cod-btn secondary" 
+                class="cod-button secondary" 
                 (click)="goPreviousLocation()" 
                 matRipple 
                 i18n>

frontend/src/app/components/side-menu/side-menu.component.html

@@ -6,7 +6,7 @@
         </a>
         <button type="button"
                 (click)="close()"
-                class="cod-btn icon"
+                class="cod-button icon"
                 matTooltip="Close the menu"
                 matRipple
                 i18n-matTooltip>

frontend/src/app/components/submit-button/submit-button.component.html

@@ -1,5 +1,5 @@
 <button type="submit"
-        class="cod-btn {{color}}"
+        class="cod-button {{color}}"
         [disabled]="disabled || requestPending"
         (click)="click.emit()"
         matRipple>

frontend/src/app/pages/login/login.component.html

@@ -18,6 +18,6 @@
     </div>
     <div class="actions reversed">
         <app-submit-button [requestPending]="false" [disabled]="false" i18n>Send</app-submit-button>
-        <a [routerLink]="['/signin']" class="cod-btn secondary" matRipple i18n>Create an account</a>
+        <a [routerLink]="['/signin']" class="cod-button secondary" matRipple i18n>Create an account</a>
     </div>
 </form>

frontend/src/app/pages/signin/signin.component.html

@@ -34,6 +34,6 @@
     </div>
     <div class="actions reversed">
         <app-submit-button [requestPending]="false" [disabled]="false" i18n>Send</app-submit-button>
-        <a [routerLink]="['/login']" class="cod-btn secondary" matRipple i18n>I already have an account</a>
+        <a [routerLink]="['/login']" class="cod-button secondary" matRipple i18n>I already have an account</a>
     </div>
 </form>

frontend/src/design_system/button.scss

@@ -1,4 +1,4 @@
-button.cod-btn, a.cod-btn {
+button.cod-button, a.cod-button {
     padding: .8em 1.2em;
     border-radius: 10em;
     border: none;
@@ -38,6 +38,6 @@ button.cod-btn, a.cod-btn {
     }
 }
 
-a.cod-btn {
+a.cod-button {
     text-decoration: none;
 }