Skip to content

Bug: Ingredient display in recipe instructions聽#1156

Description

@kbsmidt

Is this urgent?

No

What parts are affected

Frontend

What is the server version

0.7.10 (selfhosted docker)

What is the client version

0.7.10 (Android)

What platform are you using

Android

What's the problem 馃

In the Instructions section of recipes, ingredients are displayed as ingredient chips with a thumbnail/icon and a filled background.

On my Android smartphone, both the Android app and the web browser show the same issue: the ingredient chips visually overlap the lines above and below, and the ingredient text is larger than the surrounding recipe text.

Expected:

  • Same font size as the surrounding recipe text.
  • No overlap with surrounding text.

Additional request:

  • Option to disable thumbnail/icon display.
  • Option to disable the filled background.
Image

Share your logs

N/A

Share your configuration

N/A

Activity

  1. immohellwig commented on Sep 27, 2026

    @immohellwig

    Same here

    App Version: 7.10 (not self hosted)
    
    Android version 17
    
    Android security update July 5, 2026
    
    Google Play system update August 1, 2026
    
    Baseband version g5123b-145971-260414-B-15201439,g5123b- 145971-260414-B-15201439
    
    Kernel version
    
    6.1.157-android14-11-gbd23337e42e7-ab147 91245
    
    #1 Wed Jan 28 05:34:14 UTC 2026
    
    Build number CP2A.260705.006
    
    Device: Google Pixel 6a
    
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions