Update templates/create_db.html

templates/create_db.html

@@ -10,8 +10,7 @@
     .container {
         display: flex;
         flex-direction: column;
-        height: 50vh;
-        overflow: hidden;
+        height: 75vh; /* Fill the viewport height */
     }
 
     .card {
@@ -20,8 +19,11 @@
         color: #f5f5f5;
         border: none;
         width: 50%;
-        max-height: calc(50vh - 50px);
-        overflow-y: auto;
+        height: 70%; /* Fixed height for the card */
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        padding: 1rem;
     }
 
     .card-header {
@@ -29,9 +31,6 @@
         border-bottom: 2px solid #444;
         padding: 1rem;
         text-align: center;
-        position: sticky;
-        top: 0;
-        z-index: 1000;
     }
 
     .form-label {
@@ -100,7 +99,7 @@
         display: flex;
         justify-content: center;
         align-items: center;
-        height: 100px; /* Optional: Add height if needed to ensure vertical alignment */
+        height: 100px;
     }
 </style>
 
@@ -144,7 +143,6 @@
                         <div class="button-spinner"></div>
                     </button>
                 </div>
-                
             </form>
         </div>
     </div>