diff --git a/dog-food-calculator-widget.js b/dog-food-calculator-widget.js index e82fed4..8a2bc3d 100644 --- a/dog-food-calculator-widget.js +++ b/dog-food-calculator-widget.js @@ -768,7 +768,7 @@ .dog-calc-code-container pre { margin: 0; - padding: 16px; + padding: 16px 60px 16px 16px; overflow-x: auto; } @@ -781,18 +781,29 @@ .dog-calc-copy-btn { position: absolute; - top: 10px; - right: 10px; - padding: 6px 12px; + top: 8px; + right: 8px; + padding: 6px 10px; background: #f19a5f; color: white; border: none; border-radius: 4px; - font-size: 0.85rem; + font-size: 0.8rem; font-weight: 500; cursor: pointer; transition: all 0.2s ease; font-family: inherit; + z-index: 1; + } + + /* Light theme code containers */ + .dog-calc-theme-light .dog-calc-code-container { + background: #f8f5fa; + border: 1px solid #e8e3ed; + } + + .dog-calc-theme-light .dog-calc-code-container code { + color: #312b3b; } .dog-calc-copy-btn:hover { background: #e87741; }