From 2fcb6e1faee7f233b3060933aa37f8c5c23d367e Mon Sep 17 00:00:00 2001
From: Gordon Pedersen <death.au@death.id.au>
Date: Mon, 24 Jun 2024 12:23:28 +1000
Subject: [PATCH] some small styling fixes

---
 Components/Pages/EditNow.razor | 15 ++++++++++-----
 wwwroot/css/style.css          | 13 +++++++++++--
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/Components/Pages/EditNow.razor b/Components/Pages/EditNow.razor
index 6cf9b2d..c5cd797 100644
--- a/Components/Pages/EditNow.razor
+++ b/Components/Pages/EditNow.razor
@@ -13,14 +13,19 @@
 </div>
 
 <nav>
-  <label class="checkbox">
-    <InputCheckbox @bind-Value="listed"></InputCheckbox>
+  <label class="checkbox" disabled="@loading">
+    <InputCheckbox @bind-Value="listed" disabled="@loading"></InputCheckbox>
     <span>Include my page in the Now Garden</span>
   </label>
   <div class="max"></div>
-  <button class="transparent link" onclick="history.back();">Cancel</button>
-  <button @onclick="Save">
-    <i class="fa-solid fa-floppy-disk"></i> <span>Save</span>
+  <button class="transparent link" onclick="history.back();" disabled="@loading">Cancel</button>
+  <button @onclick="Save" disabled="@loading">
+    @if (loading) {
+      <span>Saving...</span>
+    }
+    else {
+      <i class="fa-solid fa-floppy-disk"></i> <span>Save</span>
+    }
   </button>
 </nav>
 
diff --git a/wwwroot/css/style.css b/wwwroot/css/style.css
index d052cbe..7bcd59b 100644
--- a/wwwroot/css/style.css
+++ b/wwwroot/css/style.css
@@ -238,9 +238,13 @@ dialog {
   position:absolute;
   left:0; right:0;
   top:0; bottom:0;
-  background-color: var(--gray-8);
-  background-image: var(--prami-svg);
+  background-color: var(--surface-container-low);
+  /*background-image: var(--prami-svg);*/
   background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  border-radius: 50%;
+  border: 1px dashed var(--gray-4);
   z-index:1;
 }
 
@@ -455,4 +459,9 @@ article#directory ul{
 
 article {
   overflow-wrap: anywhere;
+}
+
+nav label {
+  white-space: break-spaces;
+  flex: 1 1 100%;
 }
\ No newline at end of file