Style for Stance, dice difficulty, initiative

system/styles/scss/dices.scss

@@ -185,36 +185,56 @@
     }
 }
 
-.gm-tools-dialog {
-    bottom: 10px;
-    right: 5px;
+#l5r5e-gm-tools-dialog {
+    bottom: 0;
+    right: 0.5rem;
     display: flex;
-
+    background-position: center;
+    background-size: 100%;
+    background: linear-gradient(
+        $l5r5e-linear-gradient-second,
+        $l5r5e-linear-gradient-second-dark,
+        $l5r5e-linear-gradient-second
+    );
+    background-origin: padding-box;
+    border: 1px solid rgb(195, 165, 130);
+    background-origin: padding-box;
+    border-image: url("../assets/ui/macro-button.webp") 10 repeat;
+    border-image-width: 0.5rem;
+    border-image-outset: 0px;
+    .window-header {
+        text-align: center;
+        border-bottom: 1px solid rgb(195, 165, 130);
+        h4 {
+            font-family: $font-primary;
+            text-transform: uppercase;
+            letter-spacing: 0.15rem;
+        }
+    }
     .window-content {
         text-align: center;
         vertical-align: middle;
-
+        background: transparent;
+        color: $white-light;
         .gm-tools-container {
             flex: 1;
             display: flex;
             flex-flow: wrap;
-
-            div {
+            a {
                 flex: 1;
                 cursor: url("../assets/cursors/pointer.webp"), pointer;
+                i {
+                    font-size: 3rem;
+                    line-height: 4rem;
+                    vertical-align: middle;
+                }
             }
-
             .difficulty {
-                font-size: 60px;
-            }
-
-            i {
-                font-size: 60px;
-                vertical-align: middle;
+                flex: 1;
+                font-size: 3rem;
             }
         }
     }
-
     // hide "search anywhere" draggable icon
     .window-draggable-handle {
         display: none;