Pakobbix/rpg-companion-sillytavern
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix button sizes: Remove ALL margins and set both buttons to 353x33px

Browse Source 
- Remove all margins from both Refresh RPG Info and Settings buttons
- Set exact dimensions: width 353px, height 33px for both buttons
- Remove padding and use box-sizing: border-box for precise sizing
- Both buttons now identical in size
This commit is contained in:
Spicy_Marinara
2025-10-14 19:49:05 +02:00
parent 1e9d7c3adc
commit dfbcb8125c
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+9 -6
View File
@@ -2402,8 +2402,10 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
MANUAL UPDATE BUTTON MANUAL UPDATE BUTTON
============================================ */ ============================================ */
.rpg-manual-update-btn { .rpg-manual-update-btn {
width: 100%; width: 353px;
padding: 8px; height: 33px;
margin: 0;
padding: 0;
background: linear-gradient(135deg, var(--rpg-highlight), var(--rpg-accent)); background: linear-gradient(135deg, var(--rpg-highlight), var(--rpg-accent));
border: 2px solid var(--rpg-highlight); border: 2px solid var(--rpg-highlight);
border-radius: 8px; border-radius: 8px;
@@ -2418,8 +2420,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
gap: 6px; gap: 6px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
flex-shrink: 0; flex-shrink: 0;
margin: 0 0 0 0; box-sizing: border-box;
margin-top: -6px;
} }
.rpg-manual-update-btn:hover { .rpg-manual-update-btn:hover {
@@ -2437,9 +2438,10 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
SETTINGS BUTTON SETTINGS BUTTON
============================================ */ ============================================ */
.rpg-btn-settings { .rpg-btn-settings {
width: 100%; width: 353px;
height: 33px;
margin: 0; margin: 0;
padding: 8px; padding: 0;
background: var(--rpg-accent); background: var(--rpg-accent);
border: 2px solid var(--rpg-border); border: 2px solid var(--rpg-border);
border-radius: 8px; border-radius: 8px;
@@ -2454,6 +2456,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
gap: 6px; gap: 6px;
flex-shrink: 0; flex-shrink: 0;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
box-sizing: border-box;
} }
.rpg-btn-settings:hover { .rpg-btn-settings:hover {