Update app.py

Testar att lägga till CSS för att göra appen mobilvänlig

app.py

@@ -859,6 +859,28 @@ footer {display: none !important;}
 .gradio-footer {display: none !important;}
 .gradio-container .footer {display: none !important;}
 .gradio-container .gr-footer {display: none !important;}
+@media only screen and (max-width: 600px) {
+  .gradio-container {
+    max-width: 100%;
+    bottom: 0;
+    right: 0;
+    border-radius: 0;
+    box-shadow: none;
+  }
+
+  #chatbot_conversation {
+    max-height: 200px;
+  }
+
+  .gr-button, .support-btn {
+    width: 100%;
+    margin: 5px 0;
+  }
+
+  .flex-row {
+    flex-direction: column;
+  }
+}
 """
 
 with gr.Blocks(css=custom_css, title="ChargeNode Kundtjänst") as app: