Mutation Lab: keep action buttons aligned on one row and prevent text wrapping/overflow

This commit is contained in:
EP
2025-08-20 21:28:46 -07:00
parent 76908e736f
commit 3238c13cb0
2 changed files with 6 additions and 1 deletions
+5
View File
@@ -2128,3 +2128,8 @@ html {
border: 1px solid var(--input-border);
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
/* Mutation Lab actions */
.mutation-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.mutation-actions .action-button, .mutation-actions .transform-button { white-space: nowrap; }
.mutation-actions .action-button i, .mutation-actions .transform-button i { margin-right: 6px; }
+1 -1
View File
@@ -427,7 +427,7 @@
<label class="switch neon"><input type="checkbox" v-model="fuzzCasing" /><span>Casing chaos</span></label>
<label class="switch neon"><input type="checkbox" v-model="fuzzEncodeShuffle" /><span>Homoglyph confusables</span></label>
</div>
<div class="token-bomb-actions">
<div class="token-bomb-actions mutation-actions">
<button class="transform-button" @click="generateFuzzCases"><i class="fas fa-hammer"></i> Generate Cases</button>
<button class="action-button" v-if="fuzzerOutputs.length" @click="copyAllFuzz"><i class="fas fa-copy"></i> Copy All</button>
<button class="action-button" v-if="fuzzerOutputs.length" @click="downloadFuzz"><i class="fas fa-download"></i> Download</button>