From d72e9a04f6a6132d4b598c4fb5fe4d76b829386a Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Thu, 28 Sep 2023 13:03:31 +0800
Subject: [PATCH] UI small update

---
 src/Moonglade.Web/Pages/Index.cshtml                  | 2 +-
 src/Moonglade.Web/Pages/Shared/_WidgetsProfile.cshtml | 4 ++--
 src/Moonglade.Web/wwwroot/css/base.css                | 8 ++++++++
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Index.cshtml b/src/Moonglade.Web/Pages/Index.cshtml
index 8bfe9b260..810658f83 100644
--- a/src/Moonglade.Web/Pages/Index.cshtml
+++ b/src/Moonglade.Web/Pages/Index.cshtml
@@ -7,7 +7,7 @@
     ViewBag.ActionName = "Index";
 }
 
-<h3 class="d-flex mb-4">
+<h3 class="d-flex align-items-center mb-4">
     <span>
         @SharedLocalizer["All Posts"]
     </span>
diff --git a/src/Moonglade.Web/Pages/Shared/_WidgetsProfile.cshtml b/src/Moonglade.Web/Pages/Shared/_WidgetsProfile.cshtml
index 0ab776643..25637306c 100644
--- a/src/Moonglade.Web/Pages/Shared/_WidgetsProfile.cshtml
+++ b/src/Moonglade.Web/Pages/Shared/_WidgetsProfile.cshtml
@@ -7,10 +7,10 @@
              alt="@BlogConfig.GeneralSettings.OwnerName"
              class="rounded-circle blogger-head-pic" />
         <div>
-            <h3 class="mt-3 text-white font-sairas">
+            <h3 class="mt-3 text-white font-sairas heading-ownername">
                 @BlogConfig.GeneralSettings.OwnerName
             </h3>
-            <p class="me-3 ms-3">
+            <p class="me-3 ms-3 p-description">
                 @BlogConfig.GeneralSettings.Description
             </p>
         </div>
diff --git a/src/Moonglade.Web/wwwroot/css/base.css b/src/Moonglade.Web/wwwroot/css/base.css
index d9b584254..9ee076eb2 100644
--- a/src/Moonglade.Web/wwwroot/css/base.css
+++ b/src/Moonglade.Web/wwwroot/css/base.css
@@ -154,6 +154,14 @@ h3 small {
     text-align: left;
 }
 
+.heading-ownername {
+    text-shadow: 1px 1px 3px #4A4A4A;
+}
+
+.p-description {
+    text-shadow: 1px 1px 1px #333;
+}
+
 .hottag-li a > span {
     display: block;
     font-size: 30px;