Move form to cardbody instead of classing

web/frontend/src/config/support/SupportOptions.svelte

@@ -3,7 +3,7 @@
  -->
 
 <script>
-  import { Row, Col, Card, CardTitle, Button} from "@sveltestrap/sveltestrap";
+  import { Row, Col, Card, CardTitle, CardBody, Button} from "@sveltestrap/sveltestrap";
   import { fade } from "svelte/transition";
 
   export let config;
@@ -43,9 +43,7 @@
   <Col>
     <Card class="h-100">
       <!-- Svelte 'class' directive only on DOMs directly, normal 'class="xxx"' does not work, so style-array it is. -->
-      <CardTitle
-        style="margin-bottom: 1em; display: flex; align-items: center;"
-      >
+      <CardTitle class="m-3 d-flex align-items-center">
         <div>Node List Paging Type</div>
         {#if displayMessage && message.target == "npag"}<div
             style="margin-left: auto; font-size: 0.9em;"
@@ -55,11 +53,11 @@
             >
           </div>{/if}
       </CardTitle>
+      <CardBody>
         <form
           id="node-paging-form"
           method="post"
           action="/frontend/configuration/"
-        class="card-body"
           on:submit|preventDefault={() => handleSettingSubmit("#node-paging-form", "npag")}>
           <input type="hidden" name="key" value="node_list_usePaging" />
           <div class="mb-3">
@@ -82,6 +80,7 @@
           </div>
           <Button color="primary" type="submit">Submit</Button>
         </form>
+      </CardBody>
     </Card>
   </Col>
 </Row>