diff options
Diffstat (limited to 'app/src/styles')
-rw-r--r-- | app/src/styles/Dashboard.module.css | 33 |
1 files changed, 19 insertions, 14 deletions
diff --git a/app/src/styles/Dashboard.module.css b/app/src/styles/Dashboard.module.css index 042a2f1..ef6b451 100644 --- a/app/src/styles/Dashboard.module.css +++ b/app/src/styles/Dashboard.module.css @@ -5,15 +5,15 @@ body { background-color: #2c3338; } -#container { - display: flex; - justify-content: center; - margin-top: 100px; +#mainTable { + position: absolute; + top: 100px; + left: 50%; + transform: translateX(-50%); } - table { - margin: 20px 0 20px 0; + margin: 0 auto; text-align: center; font-size: 25px; width: 1000px; @@ -23,11 +23,11 @@ table { } /* Center all sub tables */ -.log-table-row table { +.logTableRow table { margin: 0 auto; } -.log-table-row table { +.logTableRow table { width: 90%; } @@ -37,7 +37,7 @@ table th { padding: 10px; } -.link-table-row { +.linkTableRow { border: 2px solid #ccc; } @@ -45,20 +45,20 @@ table td { padding: 10px; } -.link-table-row td { +.linkTableRow td { padding: 20px; } -.log-table-row table td { +.logTableRow table td { background-color: #3b4148; padding: 10px; } -.log-table-row table tr { +.logTableRow table tr { border: 2px solid #ccc; } -.link-button { +.linkButton { background-color: #3b4148; color: #ccc; border: none; @@ -68,7 +68,12 @@ table td { border-radius: 5px; } -.fa-trash:hover { +.trashBin:hover { color: rgb(238, 86, 86); cursor: pointer; + transition: color 0.2s ease; +} + +.trashBin:active { + transform: scale(0.95); }
\ No newline at end of file |