Improve UX in mobile devices

[hannahblair]

Tracking issue for mobile UX issues 📱

Goals:

• Audit all our components and address UX inconsistencies/bugs
• Set up Chromatic mobile device viewpoints tests

to do:

• [ ] AnnotatedImage
• [ ] Audio
  • [ ] #6788
• [ ] BarPlot
• [ ] Button
• [ ] Chatbot
• [ ] Checkbox
• [ ] CheckboxGroup
• [ ] ClearButton
• [ ] Code
• [ ] ColorPicker
• [ ] Dataframe
  • [ ] The gr.DataFrame is collapsed on mobile (e.g. see https://huggingface.co/spaces/HuggingFaceH4/open_llm_leaderboard)
• [ ] Dataset
• [ ] Dropdown
• [ ] DuplicateButton
• [ ] File
• [ ] FileExplorer
• [ ] Gallery
• [ ] HTML
• [ ] HighlightedText
• [ ] Image
• [ ] ImageEditor
• [ ] JSON
• [ ] Label
• [ ] LinePlot
• [ ] LoginButton
• [ ] LogoutButton
• [ ] Markdown
• [ ] Model3D
• [ ] Number
• [ ] Plot
• [ ] Radio
• [ ] ScatterPlot
• [ ] Slider
• [ ] State
• [ ] Textbox
• [ ] UploadButton
• [ ] Video

[abidlabs]

Maybe we can make this a tracking issue. I've edited the top issue to make it a list

[hannahblair]

Sounds good, thanks @abidlabs!