Nouveau roll-dialog: mode attaque / defense

less/roll-dialog.less

@@ -83,11 +83,14 @@
     gap: 0.2rem;
     align-items: start;
 
+    
     subline {
       grid-area: selection;
       display: flex;
       flex-direction: row;
+      margin: 0.1rem 0;
     }
+  
     roll-part-img {
       display: flex;
       flex-direction: column;
@@ -110,10 +113,19 @@
       subline {
         display: flex;
         flex-direction: row;
+        margin: 0.1rem 0;
         div.poesie-extrait{
           display: flex;
           flex-direction: column;
         }
+        span.status-surprise{
+          display: flex;
+          flex-direction: row;
+          flex-flow: wrap;
+          img {
+            filter: invert(0.8);
+          }
+        }
       }
     }
   }
@@ -178,6 +190,11 @@
           margin: 0 0.2rem;
           padding: 0;
     }
+    img.button-effect-img {
+          max-width: 1rem;
+          max-height: 1rem;
+          margin: 0 0.1rem;
+    }
   }
 
   roll-carac select[name="select-carac"] {