Update templates/menu.html

templates/menu.html

@@ -40,12 +40,15 @@
 
 
 /* ################################################################################################ */
-.addbutton{
-  display:flex;
-  flex-direction:row;
-  justify-content:space-between;
+
+
+.addbutton .card-body {
+  padding: 10px; /* Adjust as needed */
 }
 
+.addbutton .btn {
+  margin-left: 10px; /* Adds some space between button and text */
+}
 
 
 
@@ -522,7 +525,7 @@ form-check-input addon-option{
                           
                           
                           
-                          <div class="addbutton">
+                          <!-- <div class="addbutton">
                           <div class="card-body ">
                                 <h5 class="card-title">{{ item.Name }}</h5>
                                 <p class="card-text">${{ item.Price__c }}</p>
@@ -531,7 +534,19 @@ form-check-input addon-option{
                               <button class="btn btn-primary ">Add</button>
                             </div>
 
-                          </div>
+                          </div> -->
+                          <div class="addbutton">
+  <div class="card-body d-flex align-items-center justify-content-between">
+    <div>
+      <h5 class="card-title">{{ item.Name }}</h5>
+      <p class="card-text">${{ item.Price__c }}</p>
+    </div>
+    <div>
+      <button class="btn btn-primary">Add</button>
+    </div>
+  </div>
+</div>
+
 
                           
                         </div>