MigrateRepos
/
decentralized-video-chat
mirror of https://github.com/ianramzy/decentralized-video-chat.git
1
0
Fork 0
Code Issues Releases Wiki Activity

changed display of multibuttons from grid to flex

This commit is contained in:
Chaphasilor 2020-04-12 12:59:56 +02:00 committed by Ian Ramzy
parent bfdf5b5513
commit 1df6b1e69a
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public/css/chat.css vendored
View File

@ -182,8 +182,10 @@ button:hover {
background: #16171a; background: #16171a;
box-shadow: 9px 9px 16px #0a0b0c, -9px -9px 16px #222328; box-shadow: 9px 9px 16px #0a0b0c, -9px -9px 16px #222328;
padding: 15px; padding: 15px;
display: grid; display: flex;
grid-gap: 0.2rem; flex-direction: column;
justify-content: space-around;
/* grid-gap: 0.2rem; */
width: 40px; width: 40px;
} }
@ -389,15 +391,16 @@ button:hover {
position: fixed; position: fixed;
top: 5rem; top: 5rem;
left: 5rem; left: 5rem;
min-width: 5rem; min-width: 20%;
min-height: 2rem; min-height: 10%;
width: auto; width: auto;
height: auto; height: auto;
max-width: 25%;
} }
#moveable #local-video { #moveable #local-video {
height: 7rem; width: 100%;
width: auto; height: auto;
} }
#moveable p { #moveable p {
@ -445,7 +448,7 @@ button:hover {
box-shadow: none; box-shadow: none;
border-radius: 10px; border-radius: 10px;
padding: 0; padding: 0;
display: flex; /* display: flex; */
flex-direction: row; flex-direction: row;
/* overflow: hidden; */ /* overflow: hidden; */
} }