Landing page updates

Author: gvreddy04

BlazorExpress.Bulma.Demo.RCL/Layout/MainLayout.razor

@@ -10,13 +10,15 @@
     <ContentSection>
         @Body
         <div class="container is-max-desktop mb-4">
-            <Notification Class="has-text-centered" Color="NotificationColor.Link" HideDeleteButton="true">
-                <a href="@GithubUrl" class="be-bulma-text-decoration-none" target="_blank">
-                    <i class="bi bi-star-fill"></i>
-                    <span>If you like BlazorExpress.Bulma, give it a star on GitHub!</span>
-                    <i class="bi bi-star-fill"></i>
-                </a>
-            </Notification>
+            <div class="px-5">
+                <Notification Class="has-text-centered" Color="NotificationColor.Link" HideDeleteButton="true">
+                    <a href="@GithubUrl" class="be-bulma-text-decoration-none" target="_blank">
+                        <i class="bi bi-star-fill"></i>
+                        <span>If you like BlazorExpress.Bulma, give it a star on GitHub!</span>
+                        <i class="bi bi-star-fill"></i>
+                    </a>
+                </Notification>
+            </div>
             <MainLayoutBaseFooter Version="@Version"
                                   DotNetVersion="@DotNetVersion"
                                   DocsUrl="@DocsUrl"

BlazorExpress.Bulma.Demo.RCL/Pages/Home/Index.razor

@@ -31,23 +31,26 @@
     </div>
 </div>
 
-<div class="container is-max-desktop mb-4">
-    <IndexComponentLinks Title="All Components" Category="@PageLinkCategory.All" />
+<div class="p-5">
+    <div class="container is-max-desktop mb-4">
+        <IndexComponentLinks Title="All Components" Category="@PageLinkCategory.All" />
 
-    <IndexComponentLinks Title="Form Components" Category="@PageLinkCategory.Form" />
+        <IndexComponentLinks Title="Form Components" Category="@PageLinkCategory.Form" />
 
-    <IndexComponentLinks Title="Icon Components" Category="@PageLinkCategory.Icons" />
+        <IndexComponentLinks Title="Icon Components" Category="@PageLinkCategory.Icons" />
 
-    <Message Class="mb-4" Color="MessageColor.Success">
-        <MessageBody>
-            <div class="is-size-5 has-text-weight-semibold mb-2"><BootstrapIcon Name="BootstrapIconName.Lightbulb" /> DO YOU KNOW?</div>
-            <div>
-                This demo website is built using the <strong><a href="@nugetUrl" target="_blank">BlazorExpress Bulma</a></strong> library and published on the Azure Web App.
-                See our source code on <a href="@githubUrl" target="_blank">GitHub</a>.
-            </div>
-        </MessageBody>
-    </Message>
+        <Message Class="mb-4" Color="MessageColor.Success">
+            <MessageBody>
+                <div class="is-size-5 has-text-weight-semibold mb-2"><BootstrapIcon Name="BootstrapIconName.Lightbulb" /> DO YOU KNOW?</div>
+                <div>
+                    This demo website is built using the <strong><a href="@nugetUrl" target="_blank">BlazorExpress Bulma</a></strong> library and published on the Azure Web App.
+                    See our source code on <a href="@githubUrl" target="_blank">GitHub</a>.
+                </div>
+            </MessageBody>
+        </Message>
+    </div>
 </div>
+
 @code {
     private const string pageUrl = "/";
     private const string pageTitle = "BlazorExpress Bulma Components <br /> Fast, Free & Open Source";