From 1fa1b74261f0e1fe1f65cffecaf69c3c16d366f5 Mon Sep 17 00:00:00 2001
From: "nicolas.dorier" <nicolas.dorier@gmail.com>
Date: Fri, 27 Apr 2018 00:00:32 +0900
Subject: [PATCH] Center the last row of the PoS screen

---
 BTCPayServer/Views/Apps/ViewPointOfSale.cshtml | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/BTCPayServer/Views/Apps/ViewPointOfSale.cshtml b/BTCPayServer/Views/Apps/ViewPointOfSale.cshtml
index 075ca1bcd..18d8fe9d9 100644
--- a/BTCPayServer/Views/Apps/ViewPointOfSale.cshtml
+++ b/BTCPayServer/Views/Apps/ViewPointOfSale.cshtml
@@ -19,9 +19,11 @@
             <h1 class="mb-4">@Model.Title</h1>
             <form method="post">
                 <div class="row">
-                    @foreach(var item in Model.Items)
+                    @for(int i = 0; i < Model.Items.Length; i++)
                     {
-                        <div class="col-sm-4 mb-3">
+                        var className = (Model.Items.Length - i) > (Model.Items.Length % 3) ? "col-sm-4 mb-3" : "col align-self-center";
+                        var item = Model.Items[i];
+                        <div class="@className">
                             <h3>@item.Title</h3>
                             <button type="submit" name="choiceKey" class="btn btn-primary" value="@item.Id">Buy for @item.Price.Formatted</button>
                         </div>