Remove footer and update card layout styles

- Removed the `FooterSection` from `MainLayout.razor` and its associated styles in `MainLayout.razor.css`.
- Added top margin to the card in `Ask.razor` for improved spacing.
- Increased height of `.card-body` in both default and media queries for better content display.
- Added CSS rules in `app.css` to reset margin and padding for `body` and `html`.
- Modified binary file `SqlDatabaseVectorSearch_WebApp.png`.

SqlDatabaseVectorSearch/Components/Layout/MainLayout.razor

@@ -26,12 +26,6 @@
             @Body
     </ContentSection>
 
-    <FooterSection>
-        <div class="footer-content">
-            <span class="ms-auto">@RuntimeInformation.FrameworkDescription</span>
-        </div>        
-    </FooterSection>
-
 </BlazorBootstrapLayout>
 
 @code {

SqlDatabaseVectorSearch/Components/Layout/MainLayout.razor.css

@@ -1,20 +1,3 @@
-.footer-content {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background-color: #f8f9fa;
-    border-top: 1px solid #dee2e6;
-}
-
-    .footer-content span {
-        font-size: 0.9rem;
-        color: #6c757d;
-    }
-
-    .footer-content .ms-auto {
-        margin-left: auto;
-    }
-
 #blazor-error-ui {
     color-scheme: light only;
     background: lightyellow;

SqlDatabaseVectorSearch/Components/Pages/Ask.razor

@@ -5,7 +5,7 @@
 
 <PageTitle>Chat with your data</PageTitle>
 
-<div class="card mx-auto">
+<div class="card mx-auto mt-2">
     <div class="card-body">
 
         @foreach (var message in messages)

SqlDatabaseVectorSearch/Components/Pages/Ask.razor.css

@@ -23,18 +23,18 @@ input[type="checkbox"] + label {
 
 .card-body {
     overflow: auto;
-    height: 490px;
+    height: 560px;
 }
 
 @media (min-width: 768px) {
     .card-body {
-        height: 595px;
+        height: 665px;
     }
 }
 
 @media (min-width: 2560px) {
     .card-body {
-        height: 950px;
+        height: 1020px;
     }
 }
 

SqlDatabaseVectorSearch/wwwroot/css/app.css

@@ -1,3 +1,9 @@
+body, html {
+    margin: 0;
+    padding: 0;
+    height: 100%;
+}
+
 :root {
     --bb-sidebar2-width: 270px;
     --bb-sidebar2-collapsed-width: 50px;