Fix effect duration counter size (#19195)

Author: doatech

src/styles/item/_effect-sheet.scss

@@ -3,19 +3,19 @@
         &.duration {
             label {
                 max-width: fit-content;
-                margin-right: 0.1em;
+                margin-right: var(--space-2);
             }
 
             select {
-                max-width: 9em;
+                width: 6rem;
             }
         }
     }
 
     .badge-label-row {
         align-items: center;
         display: flex;
-        gap: 4px;
+        gap: var(--space-4);
         width: 100%;
         label {
             cursor: pointer;
@@ -44,7 +44,7 @@
         display: flex;
         align-items: center;
         justify-content: space-between;
-        margin: 0.5em 0 0.25em 0;
+        margin: var(--space-8) 0 var(--space-4) 0;
     }
 
     .add-badge {
@@ -60,7 +60,7 @@
             align-items: center;
             display: flex;
             flex: 0;
-            line-height: 1.5em;
+            line-height: 1.5;
         }
     }
 }