diff --git a/style/list.css b/style/list.css index 23ad48a..0dc4f13 100644 --- a/style/list.css +++ b/style/list.css @@ -21,7 +21,13 @@ margin-bottom: .1em; color: #ffffff; align-items: center; - border-radius: 5px; + border-left: 3px solid #4CAF50; + border-bottom-right-radius: 5px; + border-top-right-radius: 5px; +} + +.list_row.new { +border-left: none; } .list_row_count { diff --git a/style/recipe.css b/style/recipe.css index 60ef484..22ad0aa 100644 --- a/style/recipe.css +++ b/style/recipe.css @@ -11,21 +11,24 @@ width: 100%; } .ingredients_row { - width: 95%; - max-width: 30em; display: flex; flex-direction: row; - flex-wrap: wrap; - justify-content: flex-start; + min-height: 24px; + margin-bottom: .1em; + align-items: center; border-left: 3px solid #4CAF50; border-bottom-right-radius: 5px; border-top-right-radius: 5px; - margin-bottom: .1em; + max-width: 30em; } .ingredients_row_amount { - text-indent: 1em; + width: auto; + min-width: 1em; + max-width: 3em; + text-align: right; } .ingredients_row_unit { + width: 4em; text-indent: .5em; text-align: left; }