Hey guys, I was just playing around to customize the layout with CSS.
This is just to show the customizability of Foodomaa ✌

Feel free to customize the code to your needs. 🎉 AND use at your own will/risk 😅

P.S no this is not coming in any update, I am just sharing this so that some of you may get some ideas on how to use custom CSS for customizations.

Here's the current Item Page:

Here's the modified one with some Custom CSS.

CSS Code:

.Collapsible__contentOuter {
	direction: rtl;
}
.Collapsible__contentOuter .category-list-item {
	margin-bottom: 3rem !important;
}
.Collapsible__contentOuter .item-actions.pull-right.pb-0 {
	float: left !important;
	position: fixed;
	top: 68px;
	right: 6px;
}
.Collapsible__contentOuter .category-list-item .flex-item-image {
	width: 110px;
	border-radius: 0.375rem;
}
.Collapsible__contentOuter .category-list-item .btn-group.btn-group-sm {
	box-shadow: 0px 2px 8px 0px #e0e0e0;
	direction: ltr !important;
}
.Collapsible__contentOuter .category-list-item .customizable-item-text {
	display: none !important;
}
.Collapsible__contentOuter .category-list-item .flex-item-name {
	direction: ltr;
}
.Collapsible__contentOuter .category-list-item .flex-item-name .item-name {
	font-weight: 600;
	font-size: 1.1rem;
}
.Collapsible__contentOuter .category-list-item .flex-item-name .item-price > span {
    font-size: 1rem;
}
.Collapsible__contentOuter .category-list-item .item-badge {
	border-radius: 0 !important;
}
.Collapsible__contentOuter .category-list-item .quantity-badge-list {
	left: -110px;
	border-radius: 0;
	line-height: 16px;
	font-size: 10px;
	font-weight: 600;
}
.Collapsible__contentOuter .category-list-item > div a {
	font-weight: 600;
	color: #000;
}

Edit: The +/- Icons are breaking when the item image is missing. If anyone is able to solve this with just custom CSS, kindly share it so it would help others.
(It can be done with the new :has() selector of CSS, but sadly browsers do not support it yet.)

Note:

If you can find great design ideas from any popular websites, share the website URL or screenshots, I will try to recreate them with custom CSS and custom HTML blocks.
I am trying to make this a daily routine to share these types of codes 😊😊