Fix dice swap and items on firefox

system/styles/scss/dices.scss

@@ -233,8 +233,17 @@
         legend {
             i:last-child {
                 position: absolute;
-                top: 1rem;
+                top: 0;
                 right: 0;
+                border-radius: 0.15rem;
+                padding: 0 0.1rem 0 0.15rem;
+                font-size: 0.65rem;
+                line-height: 1rem;
+                width: 1rem;
+                margin: 0.25rem;
+                text-align: center;
+                color: white;
+                background: $l5r5e-label;
             }
         }
 
@@ -254,6 +263,7 @@
         }
         &.swap {
             flex: 0 0 calc(100px + 1rem);
+            flex-direction: column;
             border: 1px solid fuchsia;
         }
         &.discards,

system/styles/scss/global.scss

@@ -186,6 +186,7 @@ li {
 // Fieldset
 fieldset {
     flex: 1;
+    flex-wrap: wrap;
     display: flex;
     margin: 0 0.25rem;
     padding: 0.5rem;