diff options
| author | Akshay S Dinesh <akshay@learnlearn.in> | 2022-05-20 10:44:08 +0530 |
|---|---|---|
| committer | Georg Lukas <georg@op-co.de> | 2022-05-29 12:58:03 +0200 |
| commit | c035b7d1ea3c7091a7bf4ed20292e0c70508e6bb (patch) | |
| tree | 86a39773a9702d75577edb4e6beaad08115b33ee | |
| parent | 35072cf842cd6ecf59421aaffe3d6acb3414f8d4 (diff) | |
| download | php-xmpp-invitation-c035b7d1ea3c7091a7bf4ed20292e0c70508e6bb.tar.gz | |
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 { |