diff --git a/templates/index.html b/templates/index.html
index 1fc0f92..fbc45e2 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -7,8 +7,8 @@
:root { --mac-bg: #f2f2f7; --mac-blue: #007aff; --mac-red: #ff3b30; --mac-green: #34c759; --mac-gray: #8e8e93; }
body { font-family: -apple-system, sans-serif; background: var(--mac-bg); padding: 20px; font-size: 14px; }
.container { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; max-width: 1200px; margin: auto; }
- .panel { background: white; border-radius: 12px; padding: 20px; flex: 1; min-width: 320px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
- table { width: 100%; border-collapse: collapse; margin-bottom: 15px; border-radius: 8px; overflow: hidden; }
+ .panel { background: rgba(255,255,255,0.9); border-radius: 12px; padding: 20px; flex: 1; min-width: 320px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
+ table { width: 100%; border-collapse: collapse; margin-bottom: 15px; border-radius: 8px; overflow: hidden; background: white; }
th { padding: 10px; font-size: 13px; color: white; text-transform: uppercase; }
td { padding: 8px; border: 1px solid #e5e5ea; text-align: center; }
.h-blue { background: var(--mac-blue); }
@@ -18,10 +18,10 @@
.btn-calc { background: var(--mac-green); }
.btn-cups { background: var(--mac-blue); }
.btn-exp { background: #5856d6; }
- .res-box { border: 1px solid #d1d1d6; border-radius: 10px; padding: 15px; background: #fff; }
- .res-section h4 { margin: 10px 0 5px 0; text-transform: uppercase; font-size: 11px; color: var(--mac-gray); }
- ul { list-style: none; padding: 0; }
- li { padding-left: 15px; position: relative; margin-bottom: 2px; }
+ .btn-device { background: #c7c7cc; color: #1c1c1e; }
+ .res-box { border: 1px solid #d1d1d6; border-radius: 10px; padding: 15px; background: #fff; line-height: 1.6; }
+ ul { list-style: none; padding: 0; margin: 0; }
+ li { padding-left: 15px; position: relative; }
li::before { content: "•"; position: absolute; left: 0; }
hr { border: 0; border-top: 1px solid #d1d1d6; margin: 15px 0; }
.footer { text-align: center; font-size: 10px; color: var(--mac-gray); margin-top: 15px; }
@@ -40,6 +40,13 @@
+
+
+
@@ -49,40 +56,38 @@
Risultati
{% if res %}
-
DIMENSIONI GETTO: {{res.dim.a}} {{res.dim.ua}} x {{res.dim.l}} {{res.dim.ul}} x {{res.dim.p}} {{res.dim.up}}
-
VOLUME: {{ res.vol }} m³ |
Peso: {{ res.weight }} Kg
+
DIMENSIONI GETTO
+ Altezza: {{res.dim.a}} {{res.dim.ua}} Larghezza: {{res.dim.l}} {{res.dim.ul}} Profondità: {{res.dim.p}} {{res.dim.up}}
+
VOLUME: {{ res.vol }} m³ |
Peso: {{ res.peso }} Kg
-
-
ACQUISTI
-
- - • Cemento: {{ res.s_cem }} sacchetti
- - • Sabbia: {{ res.s_sab }} sacchetti
- - • Ghiaia: {{ res.s_ghi }} sacchetti
- - • Acqua: {{ res.acqua }} L | Totale: {{ res.tot_sacc }} sacch.
-
-
-
COSTO TOTALE: {{ res.costo_tot }} €
+
ACQUISTI
+
+ - Cemento: {{ res.s_cem }} sacchetti
+ - Sabbia: {{ res.s_sab }} sacchetti
+ - Ghiaia: {{ res.s_ghi }} sacchetti
+ - Acqua: {{ res.acqua }} L | Totale: {{ res.tot_sacc }} sacch.
+
+
+
COSTO TOTALE: {{ res.costo_tot }} €
-
-
PROPORZIONI (%)
- Cem: {{ "%.1f"|format(res.perc.cem) }}% | Sab: {{ "%.1f"|format(res.perc.sab) }}% | Ghi: {{ "%.1f"|format(res.perc.ghi) }}%
-
+
PROPORZIONI
+ Cemento: {{res.parti.cem}} Sabbia: {{res.parti.sab}} Ghiaia: {{res.parti.ghi}}
+ Cemento: {{ "%.1f"|format(res.perc.cem) }}% Sabbia: {{ "%.1f"|format(res.perc.sab) }}% Ghiaia: {{ "%.1f"|format(res.perc.ghi) }}%
-
-
PER OGNI CARICO ({{ res.n_c }} CARICHI):
-
- - • Cemento: {{ res.bc_cem }} sacchetti
- - • Sabbia: {{ res.bc_sab }} sacchetti
- - • Ghiaia: {{ res.bc_ghi }} sacchetti
- - • Acqua: {{ res.bc_aq }} L
-
-
+
PER OGNI CARICO ({{ res.n_c }} CARICHI):
+
+ - • Cemento: {{ res.bc_cem }} sacchetti
+ - • Sabbia: {{ res.bc_sab }} sacchetti
+ - • Ghiaia: {{ res.bc_ghi }} sacchetti
+ - • Acqua: {{ res.bc_aq }} L
+
{% if msg_stampa %}{{ msg_stampa }}
{% endif %}
{% endif %}