Update Default.cshtml

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/Tags/Default.cshtml

@@ -3,23 +3,29 @@
 @model TagViewComponent.TagViewModel
 
 <div class="my-3">
-    <div class="cms-tags-area">
+	<div class="cms-tags-area">
-        @if (Model.Tags != null)
+		@if (Model.Tags != null)
-        {
+		{
-            foreach (var tag in Model.Tags)
+			<ul class="d-flex flex-wrap">
-            {
+				@foreach (var tag in Model.Tags)
-                if (Model.UrlFormat.IsNullOrWhiteSpace())
+				{
-                {
+					if (Model.UrlFormat.IsNullOrWhiteSpace())
-                    <span class="badge rounded-pill badge-secondary text-bg-secondary cmskit-tag font-weight-normal">
+					{
-                        @tag.Name
+						<li class="me-1">
-                    </span>
+							<span class="badge rounded-pill badge-secondary text-bg-secondary cmskit-tag font-weight-normal">
-                }
+								@tag.Name
-                else
+							</span>
-                {
+						</li>
-                    var formattedUrl = Model.UrlFormat.Replace("{TagId}", tag.Id.ToString()).Replace("{TagName}", tag.Name);
+					}
-                    <a href="@formattedUrl"><span class="badge rounded-pill  badge-secondary text-bg-secondary rounded-pill cmskit-tag font-weight-normal">@tag.Name</span></a>
+					else
-                }
+					{
-            }
+						var formattedUrl = Model.UrlFormat.Replace("{TagId}", tag.Id.ToString()).Replace("{TagName}", tag.Name);
-        }
+						<li class="me-1">
-    </div>
+							<a href="@formattedUrl"><span class="badge rounded-pill  badge-secondary text-bg-secondary rounded-pill cmskit-tag font-weight-normal">@tag.Name</span></a>
+						</li>
+					}
+				}
+			</ul>
+		}
+	</div>
 </div>