refactor: inline display of dish icons

src/theme/common/_helper.scss

@@ -13,3 +13,45 @@
 .clickable {
   cursor: pointer;
 }
+
+
+%vertical-list  {
+  ul {
+    margin: 0;
+    padding: 0;
+
+    li {
+      list-style-type: none;
+    }
+
+    li img {
+      max-height: 1.25rem;
+      vertical-align: text-bottom;
+      filter: invert(45%) sepia(0%) saturate(0%) hue-rotate(227deg) brightness(97%) contrast(82%);
+    }
+  }
+}
+
+%horizontal-list  {
+  @extend %vertical-list;
+  ul {
+    li {
+      display: inline;
+    }
+    li:not(:first-child):before {
+      content: " • ";
+    }
+  }
+
+}
+
+.vertical-list {
+  @extend %vertical-list;
+}
+
+.horizontal-list {
+  @extend %vertical-list;
+  li {
+    display: inline;
+  }
+}