diff --git a/client/index.html b/client/index.html index 4d7da1b05382db11951d5bf1a48ad98cd9990a43..29740d3faa43c0c06786081fcfa8f5c3e2fad393 100644 --- a/client/index.html +++ b/client/index.html @@ -5,7 +5,7 @@ <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Group Allocator</title> - <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> + <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <link href="css/main.css" rel="stylesheet" /> </head> <body onload="start();" class="bg-light"> @@ -73,7 +73,7 @@ </div> <div class="col-12"> <div class="input-group"></div> - <input class="form-control" type="number" min="2" value="2" max="999" id="input-minsize" /> + <input class="form-control" type="number" min="1" value="2" max="999" id="input-minsize" /> </div> <div class="col-12"> <button class="btn btn-primary" />Start</button> @@ -81,7 +81,7 @@ </form> <hr /> - <div id="staff-groupings" class="row"> + <div id="staff-groupings" class="row row-cols-1 row-cols-md-2 g-4"> </div> </div> </div> @@ -89,8 +89,8 @@ </div> <template id="tpl-group"> - <div class="col-sm-6"> - <div class="card"> + <div class="col"> + <div class="card h-100"> <div class="card-body"> <h3 class="card-title">Group name</h3> </div> @@ -99,7 +99,8 @@ </div> </template> - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> + + <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> <script src="js/client.js"></script> </body> </html>