diff options
| author | martin f. krafft <madduck@madduck.net> | 2023-10-15 10:10:03 +0200 |
|---|---|---|
| committer | martin f. krafft <madduck@madduck.net> | 2023-10-15 10:10:03 +0200 |
| commit | 2dfe799f3bde8d70a6cc768069ef27d2233f78e8 (patch) | |
| tree | 04a67159583d0389ac52a2d3a8f3a98825c3e843 | |
| parent | 0d946ba4c95bbca28a1ce3f3359a2d5cce9e356e (diff) | |
fix input styling
| -rw-r--r-- | index.html | 20 |
1 files changed, 10 insertions, 10 deletions
@@ -269,26 +269,26 @@ <body class="py-5 align-items-center"> -<div class="container mt-5"> +<div class="container container-sm-flex mt-md-5"> <header class="row text-white justify-content-center"> <div class="col-lg-8 text-center"> <img src="/custom/logo.svg" alt="Logo der TONI" title="TONI Logo" /> - <h1 class="display-5 fw-bold mt-5">Videokonferenz-URL Generator</h1> + <h1 class="display-5 fw-bold mt-1 mt-md-5">Videokonferenz-Link Generator</h1> </div> </header> - <div class="row mt-5 justify-content-center"> - <div class="mb-3 col-4 d-none"> + <div class="row mt-md-5 justify-content-center"> + <div class="mb-1 mb-md-3 col-4 d-none"> <div class="form-floating"> <input type="text" class="form-control fw-bold" placeholder="" id="peerName"> <label for="peerName">Projekt- oder Partnername (optional)</label> </div> </div> - <div class="mb-3 col-lg-8"> + <div class="mb-1 mb-md-3 col-8 col-sm"> <div class="input-group"> - <div class="form-floating"> - <input type="text" class="form-control fw-bold" placeholder="" id="roomName"> + <div class="form-floating flex-grow-1"> + <input type="text" class="text-center fs-5 form-control fw-bold rounded-0 rounded-start" placeholder="" id="roomName"> <label for="roomName">Konferenz-ID</label> </div> <span class="input-group-text" id="monster"> @@ -296,10 +296,10 @@ </span> </div> </div> + </div> - <div class="w-100"></div> - - <div class="mt-3 fs-5 col-8 text-center"> + <div class="row mt-md-3 justify-content-center"> + <div class="fs-5 col-8 col-sm text-center"> <div class="input-group"> <div id="output" class="form-floating"> <code class="d-block"> |