Update app.py

app.py

@@ -207,24 +207,42 @@ def create_miner_info(
         badge_color = "#e74c3c"  # Red
 
     return f"""
-    <div style="background: #1e1e1e; padding: 20px; border-radius: 10px; border: 1px solid #333; color: #ffffff;">
-        <h3 style="color: #F7931A; margin-top: 0;">Custom ASIC Miner</h3>
-        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px;">
-            <div>
-                <p><strong>Hashrate:</strong> {machine_hashrate:.2f} TH/s</p>
-                <p><strong>Power:</strong> {machine_power:.1f} W</p>
-                <p><strong>Efficiency:</strong> {machine_efficiency:.2f} W/TH</p>
+    <div style="
+        background:#111111;
+        padding:20px;
+        border-radius:10px;
+        border:1px solid #333333;
+        color:#ffffff;
+        font-size:14px;
+    ">
+        <h3 style="color:#F7931A; margin-top:0; margin-bottom:10px;">
+            Custom ASIC Miner
+        </h3>
+
+        <div style="display:grid; grid-template-columns:1fr 1fr; gap:15px;">
+            <div style="color:#f5f5f5;">
+                <p style="margin:4px 0;"><strong>Hashrate:</strong> {machine_hashrate:.2f} TH/s</p>
+                <p style="margin:4px 0;"><strong>Power:</strong> {machine_power:.1f} W</p>
+                <p style="margin:4px 0;"><strong>Efficiency:</strong> {machine_efficiency:.2f} W/TH</p>
             </div>
-            <div>
-                <p>
-                    <strong>Price (as of {pred_date.date()}):</strong> ${price:,.2f}
-                    <span style="background: {badge_color}; color: white; padding: 2px 8px; border-radius: 4px; font-size: 0.8em;">
+            <div style="color:#f5f5f5;">
+                <p style="margin:4px 0;">
+                    <strong>Price (as of {pred_date.date()}):</strong>
+                    ${price:,.2f}
+                    <span style="
+                        background:{badge_color};
+                        color:#ffffff;
+                        padding:2px 8px;
+                        border-radius:4px;
+                        font-size:11px;
+                        margin-left:6px;
+                    ">
                         {source}
                     </span>
                 </p>
-                <p><strong>Electricity rate:</strong> {elec_rate:.4f} USD/kWh</p>
-                <p><strong>Cost bucket:</strong> {region_bucket}</p>
-                <p><strong>Estimated daily elec cost:</strong> ${daily_cost:,.2f}</p>
+                <p style="margin:4px 0;"><strong>Electricity rate:</strong> {elec_rate:.4f} USD/kWh</p>
+                <p style="margin:4px 0;"><strong>Cost bucket:</strong> {region_bucket}</p>
+                <p style="margin:4px 0;"><strong>Estimated daily elec cost:</strong> ${daily_cost:,.2f}</p>
             </div>
         </div>
     </div>
@@ -232,6 +250,7 @@ def create_miner_info(
 
 
 
+
 def create_prediction_html(result, date, window):
     label = result['predicted_label']
     conf = result['confidence']
@@ -313,9 +332,13 @@ def create_interface():
                     precision=2,
                 )
                 machine_release_date = gr.Textbox(
-                    label="Machine release date (YYYY-MM-DD)",
-                    value="2020-05-01",              # sensible default
+                    label="Release date (YYYY-MM-DD)",
+                    value="2020-05-01",
                     placeholder="e.g. 2020-05-01",
+                    lines=1,
+                    scale=1,
+                    container=True,
+                    show_label=True,
                 )
                 electricity_rate = gr.Number(
                     label="Electricity rate (USD/kWh)",