randomize button editing

Author: GitTimeraider

app/templates/dashboard.html

@@ -20,8 +20,8 @@ <h3>Create New Forwarder</h3>
                         <label for="address">Email Address</label>
                         <div class="input-group">
                             <input type="text" id="alias" name="alias" required pattern="[-a-zA-Z0-9._]+" title="Alphanumeric characters, dots, underscores, and hyphens only">
-                            <button type="button" id="randomAliasBtn" title="Generate random alias" style="margin-left:4px; font-size:1.2em;">🎲</button>
                             <span class="input-addon">@{{ current_user.da_domain }}</span>
+                            <button type="button" id="randomAliasBtn" title="Generate random alias" class="dice-btn">🎲</button>
                         </div>
                     </div>
 

static/style.css

@@ -673,3 +673,19 @@ input.error {
         display: flex !important; /* Ensure it's always visible on desktop */
     }
 }
+
+/* Dice icon button styling */
+.dice-btn {
+    background: none;
+    border: none;
+    padding: 0 0.5em;
+    margin-left: 0.25em;
+    font-size: 1.3em;
+    cursor: pointer;
+    color: #888;
+    transition: color 0.2s;
+    line-height: 1;
+}
+.dice-btn:hover {
+    color: #007bff;
+}