diff --git a/resources/css/main.css b/resources/css/main.css index 193bc17..8304bc5 100644 --- a/resources/css/main.css +++ b/resources/css/main.css @@ -77,11 +77,24 @@ input[type=color] { /* Table elements */ table { width: 100%; + display: table; +} + +tbody { + display: table-row-group; + width: auto; +} + +tr { + display: table-row; + width: auto; } td, th { border: 1px solid white; padding: 8px; + display: table-cell; + width: auto; } th { @@ -114,6 +127,10 @@ tr:hover { margin: auto; } +.center > :not(table) { + display: block; +} + .center canvas { border: 5px solid black; } diff --git a/resources/css/scss/_classes.scss b/resources/css/scss/_classes.scss index eb31ccd..42c3469 100644 --- a/resources/css/scss/_classes.scss +++ b/resources/css/scss/_classes.scss @@ -7,9 +7,9 @@ height: max-content; border-radius: $radius; - * { - margin: auto; - } + * { margin: auto;} + + &>:not(table){ display: block;} canvas { border: 5px solid black; diff --git a/resources/css/scss/main.scss b/resources/css/scss/main.scss index f6789dc..eb0b1a1 100644 --- a/resources/css/scss/main.scss +++ b/resources/css/scss/main.scss @@ -94,11 +94,24 @@ input[type=submit] { table { width: 100%; + display: table; +} + +tbody { + display: table-row-group; + width: auto; +} + +tr { + display: table-row; + width: auto; } td, th { border: 1px solid $border-color; padding: 8px; + display: table-cell; + width: auto; } th {