some small styling fixes

Components/Layout/AvatarMenu.razor

@@ -1,4 +1,5 @@
-@inject CustomAuthenticationStateProvider AuthStateProvider;
+@using System.Reflection
+@inject CustomAuthenticationStateProvider AuthStateProvider;
 @inject State State;
 <AuthorizeView>
   <Authorized>
@@ -42,6 +43,10 @@
               <i class="fa-solid fa-door-open"></i>
               <span>Logout</span>
             </a>
+            <a class="row medium-opacity">
+              <i class="fa-solid fa-circle-info tiny"></i>
+              <small>@assembly.Name - @assembly.Version?.ToString()</small>
+            </a>
           </menu>
       </button>
       <small class="s m address"><i class="fa-solid fa-fw fa-at tiny"></i>@State.SelectedAddressName</small>
@@ -76,6 +81,7 @@
 </AuthorizeView>
 
 @code {
+  AssemblyName assembly = Assembly.GetExecutingAssembly().GetName();
   public void changeAddress(AddressResponseData address) {
     State.SelectedAddress = address;
   }

Components/Pages/EditNow.razor

@@ -13,14 +13,19 @@
 </div>
 
 <nav>
-  <label class="checkbox">
+  <label class="checkbox" disabled="@loading">
-    <InputCheckbox @bind-Value="listed"></InputCheckbox>
+    <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 class="transparent link" onclick="history.back();" disabled="@loading">Cancel</button>
-  <button @onclick="Save">
+  <button @onclick="Save" disabled="@loading">
-    <i class="fa-solid fa-floppy-disk"></i> <span>Save</span>
+    @if (loading) {
+      <span>Saving...</span>
+    }
+    else {
+      <i class="fa-solid fa-floppy-disk"></i> <span>Save</span>
+    }
   </button>
 </nav>
 

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-color: var(--surface-container-low);
-  background-image: var(--prami-svg);
+  /*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;
 }
 
@@ -451,4 +455,13 @@ article#directory ul{
 
 .markdown-editor > .EasyMDEContainer > .CodeMirror {
   flex: auto;
+}
+
+article {
+  overflow-wrap: anywhere;
+}
+
+nav label {
+  white-space: break-spaces;
+  flex: 1 1 100%;
 }