diff --git a/dog-food-calculator-widget.js b/dog-food-calculator-widget.js
index dbf27e3..ed8c4d0 100644
--- a/dog-food-calculator-widget.js
+++ b/dog-food-calculator-widget.js
@@ -724,8 +724,14 @@
.dog-calc-share-copy { background: #f19a5f; }
.dog-calc-share-copy:hover { background: #e87741; transform: translateY(-1px); }
+ .dog-calc-share-url {
+ display: flex;
+ width: 100%;
+ }
+
.dog-calc-share-url input {
flex: 1;
+ width: 100%;
padding: 10px 16px;
border: 1px solid #e8e3ed;
border-radius: 6px;
@@ -1301,6 +1307,7 @@
const weightLabel = this.container.querySelector('#weightLabel');
const weightInput = this.container.querySelector('#weight');
const unitSelect = this.container.querySelector('#unit');
+ const energyUnitSelect = this.container.querySelector('#energyUnit');
if (metricLabel && imperialLabel) {
metricLabel.classList.toggle('active', !this.isImperial);
@@ -1322,6 +1329,10 @@
`;
}
+ // Set energy unit to kcal/cup for imperial
+ if (energyUnitSelect && energyUnitSelect.value === 'kcal100g') {
+ energyUnitSelect.value = 'kcalcup';
+ }
} else {
if (weightLabel) weightLabel.textContent = "Dog's Weight (kg):";
if (weightInput) {
@@ -1337,6 +1348,10 @@
`;
}
+ // Set energy unit to kcal/100g for metric
+ if (energyUnitSelect && energyUnitSelect.value === 'kcalcup') {
+ energyUnitSelect.value = 'kcal100g';
+ }
}
}
diff --git a/iframe.html b/iframe.html
index 86a9a0f..56234f1 100644
--- a/iframe.html
+++ b/iframe.html
@@ -726,8 +726,14 @@
.dog-calculator-share-copy { background: #f19a5f; }
.dog-calculator-share-copy:hover { background: #e87741; transform: translateY(-1px); }
+ .dog-calculator-share-url {
+ display: flex;
+ width: 100%;
+ }
+
.dog-calculator-share-url input {
flex: 1;
+ width: 100%;
padding: 10px 16px;
border: 1px solid #e8e3ed;
border-radius: 6px;
@@ -1243,6 +1249,7 @@
const weightLabel = document.getElementById('weightLabel');
const weightInput = document.getElementById('weight');
const unitSelect = document.getElementById('unit');
+ const energyUnitSelect = document.getElementById('energyUnit');
if (metricLabel && imperialLabel) {
metricLabel.classList.toggle('active', !this.isImperial);
@@ -1262,6 +1269,10 @@
'' +
'';
}
+ // Set energy unit to kcal/cup for imperial
+ if (energyUnitSelect && energyUnitSelect.value === 'kcal100g') {
+ energyUnitSelect.value = 'kcalcup';
+ }
} else {
if (weightLabel) weightLabel.textContent = "Dog's Weight (kg):";
if (weightInput) {
@@ -1275,6 +1286,10 @@
'' +
'';
}
+ // Set energy unit to kcal/100g for metric
+ if (energyUnitSelect && energyUnitSelect.value === 'kcalcup') {
+ energyUnitSelect.value = 'kcal100g';
+ }
}
}