Enhance aligning of favorites icon for Blog Posts

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/MarkedItemToggle/default.css

@@ -2,6 +2,6 @@
 }
 
 .cms-markedItem-area i {
-    font-size: 1.5em;
+    font-size: 1.05rem;
     cursor: pointer;
 }

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Modals/Login/LoginModal.cshtml

@@ -5,7 +5,8 @@
 @model Volo.CmsKit.Public.Web.Pages.CmsKit.Shared.Modals.Login.LoginModalModel
 @{
     Layout = null;
-    var message = String.IsNullOrEmpty(Model.ViewModel.Message) ? L["CmsKit:Modals:LoginModalDefaultMessage"] : Model.ViewModel.Message;
+    var message = String.IsNullOrEmpty(Model.ViewModel.Message) ? L["CmsKit:Modals:LoginModalDefaultMessage"] :
+    Model.ViewModel.Message;
 }
 <abp-modal centered="true">
     <abp-modal-header title="@L["CmsKit:Modals:YouAreNotAuthenticated"]">
@@ -15,8 +16,9 @@
             <h4>
                 @message
             </h4>
-            <br />
-            <a href="@Model.ViewModel.LoginUrl" class="btn btn-secondary">@L["CmsKit:Modals:Login"]</a>
         </div>
     </abp-modal-body>
+    <abp-modal-footer>
+        <a href="@Model.ViewModel.LoginUrl" class="btn btn-secondary">@L["CmsKit:Modals:Login"]</a>
+    </abp-modal-footer>
 </abp-modal>

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/Public/CmsKit/Blogs/Index.cshtml

@@ -91,7 +91,7 @@
                     {
                         <div class="position-absolute top-0 end-0 m-3 z-3">
                             <abp-button button-type="Light"
-                                        class="favorite-toggle rounded-circle shadow-sm p-2"
+                                        class="favorite-toggle rounded-circle shadow-sm d-flex align-items-center justify-content-center"
                                         abp-tooltip="@L["ToggleFavorite"]">
                                 @await Component.InvokeAsync(typeof(MarkedItemToggleViewComponent), new
                                     {