ch/Schafkopf-Server
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improve layout of action bar

Browse Source
This commit is contained in:
Christoph Hagen 2022-10-13 09:13:47 +02:00
parent 784bf35c6a
commit e3bdf40b13
1 changed files with 6 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
Public/style.css
View File

@ -8,7 +8,7 @@
--element-background: rgb(42, 42, 42); --element-background: rgb(42, 42, 42);
--element-border: rgb(27, 27, 27); --element-border: rgb(27, 27, 27);
--text-color: rgb(255,255,255); --text-color: rgb(255,255,255);
--secondary-text-color: rgb(27, 27, 27); --secondary-text-color: rgb(220, 220, 220);
--card-color: rgb(255,255,255); --card-color: rgb(255,255,255);
--alert-color: rgb(255,0,0); --alert-color: rgb(255,0,0);
--game-type-color: rgb(100, 100, 100); --game-type-color: rgb(100, 100, 100);
@ -134,7 +134,7 @@ body {
height: 40px; height: 40px;
top: 5px; top: 5px;
left: 10px; left: 10px;
display: none; display: grid;
grid-template-columns: 120px 140px; grid-template-columns: 120px 140px;
column-gap: 10px; column-gap: 10px;
align-items: center; align-items: center;
@ -227,24 +227,18 @@ body {
margin-top: 10px; margin-top: 10px;
text-align: center; text-align: center;
width: 100%; width: 100%;
height: 40px; margin-bottom: 50px;
}
#action-bar {
height: 40px;
margin-left: auto;
margin-right: auto;
display: inline-block;
} }
.action-button { .action-button {
height: 100%; height: 100%;
padding-left: 16px; padding-left: 16px;
padding-right: 16px; padding-right: 16px;
margin-top: 2px;
} }
#table-players { #table-players {
display: none; display: grid;
margin-top: 10px; margin-top: 10px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -361,7 +355,7 @@ body {
} }
#player-cards { #player-cards {
display: none; display: grid;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: 923px; width: 923px;