fix button wiggle issue

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2022-10-13 10:06:00 -07:00
parent 6120174084
commit 0acf9000d2

View File

@ -4,33 +4,27 @@
margin: 20px 0px 20px 0px; margin: 20px 0px 20px 0px;
} }
.btn-group { .btn-group {
margin: auto; margin: 0 auto;
display: flex; display: flex;
flex-direction: row;
justify-content: center; justify-content: center;
} }
.btn-group button { .btn-group button {
background-color: #00ff00; background-color: #00ff00; /* Green background */
border: 1px solid #00ff00; color: black; /* White text */
color: black; padding: 10px 24px; /* Some padding */
padding: 10px 24px; cursor: pointer; /* Pointer/hand icon */
margin: 0px 20px 0px 20px;
cursor: pointer;
float: left;
} }
.btn-group button:not(:last-child) { .btn-group button:not(:last-child) {
border-right: none; border-right: none; /* Prevent double borders */
} }
.btn-group:after { .btn-group:after {
content: ""; content: "";
clear: both; clear: both;
display: table; display: table;
} }
.btn-group button:hover { .btn-group button:hover {
background-color: #00AA00; background-color: #008800;
border: #00AA00;
} }
.center-div { .center-div {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;