fix home page padding and cards height

Author: Kiran-Siluveru-Microsoft

src/frontend/wwwroot/home/home.css

@@ -258,3 +258,12 @@ textarea:disabled {
 .send-button:hover {
   color: #0056b3;
 }
+
+.card.is-hoverable.quick-task > .card-content {
+  min-height: 225px;
+}
+
+.prompt-container {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}

src/frontend/wwwroot/home/home.html

@@ -16,7 +16,7 @@
             <div class="orb two"></div>
             <div class="orb three"></div>
         </div>
-        <section class="section is-flex is-flex-direction-column is-justify-content-center">
+        <section class="section is-flex is-flex-direction-column is-justify-content-center prompt-container">
             <img class="app-logo" src="../assets/app-logo.svg">
             <span class="title mb-0"> Task list <span class="assistants"> Assistants</span>  </span>
             <span class="description mt-0">Ask your AI team for help</span>