XMPP invitation landing page, without javascript
fix styling
| -rw-r--r-- | scripts/main.js | 2 | ||||
| -rw-r--r-- | stylesheets/i.css | 16 |
2 files changed, 9 insertions, 9 deletions
diff --git a/scripts/main.js b/scripts/main.js index 4f558ce..edde089 100644 --- a/scripts/main.js +++ b/scripts/main.js @@ -11,7 +11,7 @@ function show_clients(client_array) { var list = document.getElementById('client_list'); for (var id = 0; id < client_array.length; id++) { - var item = document.createElement('span'); + var item = document.createElement('div'); item.innerHTML = client_array[id]; list.appendChild(item); } diff --git a/stylesheets/i.css b/stylesheets/i.css index 6abe1bf..a549e8c 100644 --- a/stylesheets/i.css +++ b/stylesheets/i.css @@ -52,25 +52,25 @@ li { .img-center { display: flex; - /* FIXME Why margin: auto; is not equal on all sides? - margin-right: 8%; - margin-left: 8%; */ - width: 3%; + justify-content: space-evenly; + flex-wrap: wrap; } -.img-center > span { +.img-center > div { font-size: 0.7em; padding: 1.4em; - margin: 40%; + text-align: center; } -.img-center > span:hover { +.img-center > div:hover { border-radius: 4px; background: rgb(230, 230, 230); } -.img-center > span > a { +.img-center > div > a { text-decoration: solid; + display: flex; + flex-direction: column; } .qrcode { |