Merge pull request #8630 from demarches-simplifiees/harmonize-actions-for-instructeurs

[instructeurs] Uniformiser les actions pour les instructeurs sur la page tableau et dossier

app/assets/stylesheets/02_utils.scss

@@ -139,6 +139,10 @@
   overflow: visible;
 }
 
+.super {
+  vertical-align: super;
+}
+
 // generate spacer utility like bootstrap my-2 -> margin-left/right: 2 * $default-spacer
 // using $direction.key as css modifier, $direction.values to set css properties
 // scale it using $steps

app/assets/stylesheets/buttons.scss

@@ -140,7 +140,7 @@
   height: 25px;
 }
 
-.state-button {
+.instruction-button {
   display: inline-block;
 }
 

app/assets/stylesheets/dossiers_table.scss

@@ -78,7 +78,7 @@
   }
 
   .follow-col {
-    width: 200px;
+    width: 450px;
 
     .fr-btn {
       margin-bottom: 0;

app/assets/stylesheets/dsfr.scss

@@ -56,3 +56,13 @@ fieldset {
   }
 }
 
+// dans le DSFR il est possible d'avoir un bouton seulement avec une icone mais j'ai du surcharger ici pour eviter d'avoir des marges de l'icone. Je n'ai pas bien compris pourquoi
+.fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=" fr-icon-"].icon-only::after {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.fr-btn.fr-btn--secondary.danger {
+  color: $light-red;
+  box-shadow: 0px 0px 0px 1px $light-red;
+}